vue.js中created方法作用

sbwxffnhc發表於2018-12-07

這是它的一個生命週期鉤子函式,就是一個vue例項被生成後呼叫這個函式。一個vue例項被生成後還要繫結到某個html元素上,之後還要進行編譯,然後再插入到document中。每一個階段都會有一個鉤子函式,方便開發者在不同階段處理不同邏輯。

一般可以在created函式中呼叫ajax獲取頁面初始化所需的資料。

例項生命週期

每個 Vue 例項在被建立之前都要經過一系列的初始化過程。例如,例項需要配置資料觀測(data observer)、編譯模版、掛載例項到 DOM ,然後在資料變化時更新 DOM 。在這個過程中,例項也會呼叫一些 生命週期鉤子 ,這就給我們提供了執行自定義邏輯的機會。例如,created 這個鉤子在例項被建立之後被呼叫:

也有一些其它的鉤子,在例項生命週期的不同階段呼叫,如 mountedupdateddestroyed 。鉤子的 this 指向呼叫它的 Vue 例項。一些使用者可能會問 Vue.js 是否有“控制器”的概念?答案是,沒有。元件的自定義邏輯可以分佈在這些鉤子中。

生命週期圖示

下圖說明了例項的生命週期。你不需要立馬弄明白所有的東西,不過以後它會有幫助。

vue.js中created方法作用

文章轉自:blog.csdn.net/shuidinaozh…

相關文章