methods和mounted的區別

2022-06-23 14:57:11 字數 494 閱讀 4223

mounted : 在這發起後端請求,拿回資料,配合路由鉤子做一些事情 (dom渲染完成 元件掛載完成 )

methods中一般都是定義的需要事件觸發的一些函式。每次只要觸發事件,就會執行對應的方法。

如果把computed中的方法寫到method中會浪費效能。computed必須返回乙個值頁面繫結的才能取得值,

而methods中可以只執行邏輯**,可以有返回值,也可以沒有。

1.methods:

監聽click事件

methods:

}2.mounted:

頁面初始化方法

mounted()

執行順序是子元件---父元件

3.props:

接收來自父元件的資料

props:

}4.$emit 向父元件傳值

this.$emit('showcityname',data);

觸發父元件的showcityname事件。

mounted和created的區別

用通俗的語言來說,就是vue中例項或者元件從建立到消滅中間經過的一系列過程。雖然不太嚴謹,但是也基本上可以理解。官方 如下 我們從圖中看兩個節點 created 在模板渲染成html前呼叫,即通常初始化某些屬性值,然後再渲染成檢視。mounted 在模板渲染成html後呼叫,通常是初始化頁面完成後,...

vue中mounted和created的使用和區別

created 在模板渲染成html前呼叫,即通常初始化某些屬性值,然後再渲染成檢視。mounted 在模板渲染成html後呼叫,通常是初始化頁面完成後,再對html的dom節點進行一些需要的操作。通常created使用的次數多,而mounted通常是在一些外掛程式的使用或者元件的使用中進行操作,比...

vue中created和mounted的區別

beforecreate 建立之前 已經完成了初始化事件和生命週期 created 建立完成 已經完成了初始化的註冊和相應 beforemount 掛載之前 已經完成了模板的渲染 mounted 掛載之後 已經完成了html虛擬化,建立了el節點可以操作dom beforedestory 摧毀之前 ...