vue里使用create,mounted調(diào)用方法的正確姿勢說明
更新時間：2022年04月26日 15:06:32 作者：Honins
這篇文章主要介紹了vue里使用create,mounted調(diào)用方法的正確姿勢，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
使用create,mounted調(diào)用方法
首先：
我之前有個錯誤的寫法
錯誤有2
1，我一直以為在created里定義方法然后使用，其實(shí)這里的getCustomerInfo只是調(diào)用
2，所有的方法都應(yīng)該在methods里定義，然后在created或者mounted里 使用this調(diào)用方法，用這種方式實(shí)現(xiàn)初始化
正確寫法：
這樣，頁面開始會初始化信息，修改信息后會執(zhí)行g(shù)etCustomerInfo()方法刷新數(shù)據(jù)，這樣更簡潔有效的實(shí)現(xiàn)了刷新功能。
created方法和mounted的區(qū)別
created方法是在初始化頁面之前對dom的操作。mounted方法是在初始化頁面之后對dom的操作。
那么為什么要有這個區(qū)分哪？
有些需求就是要在頁面加載之后才能請求到的，比如id，js中用document.getElementById(""）
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在 Vue 3 中,如果你使用 reactive 來定義一個響應(yīng)式對象,那么這個對象的屬性是不能被重新賦值的,因?yàn)?nbsp;reactive 會將對象的屬性轉(zhuǎn)換為 getter/setter,這樣 Vue 才能追蹤到屬性的變化,這篇文章主要介紹了vue3 中使用 reactive 的問題,需要的朋友可以參考下2024-03-03
這篇文章主要介紹了仿vue-cli搭建屬于自己的腳手架的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了Vue自定義指令中無法獲取this的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
elementUI同一頁面展示多個Dialog的實(shí)現(xiàn)
這篇文章主要介紹了elementUI同一頁面展示多個Dialog的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
在vue中使用防抖和節(jié)流,防止重復(fù)點(diǎn)擊或重復(fù)上拉加載實(shí)例
今天小編就為大家分享一篇在vue中使用防抖和節(jié)流,防止重復(fù)點(diǎn)擊或重復(fù)上拉加載實(shí)例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vant-ui框架的一個bug(解決切換后onload不觸發(fā))
這篇文章主要介紹了vant-ui框架的一個bug(解決切換后onload不觸發(fā))，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要為大家詳細(xì)介紹了vue中axios的使用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
Vue2.0實(shí)現(xiàn)組件數(shù)據(jù)的雙向綁定問題
這篇文章主要介紹了Vue2.0實(shí)現(xiàn)組件數(shù)據(jù)的雙向綁定問題，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了vue-cli配置全局sass、less變量的方法，本文分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了vue中的slot與slot-scope的相關(guān)知識，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04