生命週期:
元件從建立到銷毀的一系列過程叫做元件的宣告週期。
vue在整個生命週期裡面提供了一些函式，可以在內部實現一些業務邏輯，
並且這些函式會在一些特定的場合下去執行。（在生命週期的某乙個時刻進行觸發）
生命鉤子函式:
vue在整個生命週期裡面提供了一些函式，可以在內部實現一些業務邏輯，並且這些函式會在一些特定的場合下去執行。（在生命週期的某乙個時刻進行觸發）
元件的生命週期中鉤子函式在三個階段,每乙個元件或者例項都會經歷乙個完整的生命週期，總共分為三個階段：初始化、執行中、銷毀,其分布大概如下：
一. 初始化階段
1. beforecreate
>
<
/my-component>
<
/div>
<
!--定義元件的模板結構--
>
"my-component"
>
"title"
>
}<
/h1>
"text" v-model=
"msg"
>
<
/p>
<
/div>
<
/template>
vue.
component
("my-component",}
,//1.這個鉤子函式初始化的時候立馬執行,此鉤子函式裡面是獲取不到資料的
//同時頁面中的真實dom節點也沒有掛載出來，null
beforecreate()
})newvue()
.$mount()
;<
/script>2. created:
//created鉤子函式內部的資料已經被掛載了，但是真實dom節點還是沒有渲染出來
//在這個鉤子函式裡面，如果同步的去更改資料的話，執行中鉤子函式是不會執行的。
//通常會在此鉤子函式裡面進入ajax的非同步操作，另外還可以做一些初始化事件的繫結
created()
,
//beforemount代表dom馬上就要被渲染出來了，但是還沒有真正的在頁面中渲染出來
//此鉤子函式與created鉤子函式基本一致，可以做ajax與初始化事件的繫結操作
beforemount()
,
//mounted鉤子函式是初始化階段的最後乙個鉤子函式
//資料已經掛載完畢了，真實的dom也已經渲染出來了
//這個鉤子函式可以用來做一些例項化的相關操作 ===> 拖拽
mounted()
,
1.beforecreate
beforeupdate()
updated()
1.beforedestroy
"aaa"
>
"title"
>
}<
/h1>
"text" v-model=
"msg"
>
<
/p>
"destroy"
>銷毀元件<
/button>
<
/div>
<
/template>
methods:
destroyed()
vue生命週期總結（個人理解）
附上官網生命週期圖 beforecreate 開始建立階段，這個階段主要做的事是，初始化vue例項，此時元件的物件還未建立，el 和 data 並未初始化，因此無法訪問methods，data等上的方法和資料。created vue例項建立之後呼叫，資料觀察，屬性和方法的運算，完成了data的初始化...
vue生命週期理解
關於vue面試，最常問到的就是vue的生命週期，也看過很多關於如何回答過這個問題的解答，自己也有所總結，就簡單寫寫自己的看法。首先我們先來到vue的官網看看他是如何解釋的vue官網對生命週期描述 主要就是體現在這個圖上 可以看出生命週期中有8個主要的鉤子函式，分別是 activated與deacti...
VUE元件的生命週期的個人理解
元件生命週期都是用方法的形式來展示的 元件生命週期三個階段，一共有11個方法，核心 8 個方法 元件的生命週期方法，稱呼為 生命週期鉤子函式 鉤子函式出現的意義 一丶初始化階段 初始化階段 觸發條件自動觸發 總結 前三個只記憶，工作中不使用 mounted可以得到真實dom，我才能操作dom bef...