vue中mounted和created的使用和區別

2021-09-30 00:21:29 字數 855 閱讀 4131

created:在模板渲染成html呼叫,即通常初始化某些屬性值,然後再渲染成檢視。

mounted:在模板渲染成html呼叫,通常是初始化頁面完成後,再對html的dom節點進行一些需要的操作。

通常created使用的次數多,而mounted通常是在一些外掛程式的使用或者元件的使用中進行操作,比如外掛程式chart.js的使用: var ctx = document.getelementbyid(id);通常會有這一步,而如果你寫入元件中,你會發現在created中無法對chart進行一些初始化配置,一定要等這個html渲染完後才可以進行,那麼mounted就是不二之選。

"mychart"

:style=

"">

<

/div>

<

/div>

<

/template>

export default},

mounted()

, methods:

, tooltip:

, legend:

,//上端的銷售標籤

xaxis:

, yaxis:

, series:

});}

},}<

/script>

在created的時候,檢視中的html並沒有渲染出來,所以此時如果直接去操作html的dom節點,一定找不到相關的元素,一定會報錯

而在mounted中,由於此時html已經渲染出來了,所以可以直接操作dom節點,故輸出了結果「唐浩益」。

vue中created和mounted的區別

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

vue中created與mounted的區別

關於vue.js中的生命週期,如果不是有特別的需求,一般在專案開發過程中更多的使用created和mounted,所以在本文中主要講解created與mounted在開發中的主要使用區別。版本資訊 完整的生命週期圖示為了避免占用板塊,這裡就不貼出來了,大家可以自行前往vue生命週期檢視。這裡是官方文...

vue在mounted中獲取元素寬度不準確的問題

遇到這樣乙個問題 在元件mounted生命週期中獲取類名為newform元素的寬度 mounted 審查元素發現,元素的寬度為1695 但是控制台列印輸出的一直都是1890 查資料發現可能是頁面沒有完全渲染完畢就去獲取了元素的寬度 加個延遲就可以解決 修改後的 mounted 0 輸出元素寬度為16...