構(gòu)造器：

每個(gè) Vue.js 應(yīng)用都是通過構(gòu)造函數(shù) Vue 創(chuàng)建一個(gè) Vue 的根實(shí)例 啟動(dòng)的：

在實(shí)例化 Vue 時(shí)，需要傳入一個(gè)選項(xiàng)對(duì)象，它可以包含數(shù)據(jù)、模板、掛載元素、方法、生命周期鉤子等選項(xiàng)。

可以通過擴(kuò)展選項(xiàng)來擴(kuò)展 Vue 構(gòu)造器函數(shù)，從而用我們指定傳入的擴(kuò)展選項(xiàng)來創(chuàng)建可復(fù)用的組件構(gòu)造器：

所有的”myComponentInstance”對(duì)象都是通過預(yù)先傳入的擴(kuò)展選項(xiàng)被創(chuàng)建的

屬性與方法：

每個(gè) Vue 實(shí)例都會(huì)代理其 data 對(duì)象里所有的屬性：

除了 data 屬性， Vue 實(shí)例也擁有各自的實(shí)例屬性與方法，這些屬性與方法都有前綴 $，以便與代理的 data 屬性區(qū)分

實(shí)例生命周期：

每個(gè) Vue 實(shí)例在被創(chuàng)建之前都要經(jīng)過一系列的初始化過程。例如，實(shí)例需要配置數(shù)據(jù)觀測(data observer)、編譯模版、掛載實(shí)例到 DOM ，然后在數(shù)據(jù)變化時(shí)更新 DOM 。在這個(gè)過程中，實(shí)例也會(huì)調(diào)用一些生命周期鉤子 ，這就給我們提供了執(zhí)行自定義邏輯的機(jī)會(huì)

如，created 這個(gè)鉤子在實(shí)例被創(chuàng)建之后被調(diào)用

生命周期圖示：

下圖說明了實(shí)例的生命周期。你不需要立馬弄明白所有的東西，不過以后它會(huì)有幫助

總結(jié)

以上是生活随笔為你收集整理的Vue基础之Vue实例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。