Vue基础之Vue实例
構(gòu)造器:
每個 Vue.js 應用都是通過構(gòu)造函數(shù) Vue 創(chuàng)建一個 Vue 的根實例 啟動的:
在實例化 Vue 時,需要傳入一個選項對象,它可以包含數(shù)據(jù)、模板、掛載元素、方法、生命周期鉤子等選項。
可以通過擴展選項來擴展 Vue 構(gòu)造器函數(shù),從而用我們指定傳入的擴展選項來創(chuàng)建可復用的組件構(gòu)造器:
所有的”myComponentInstance”對象都是通過預先傳入的擴展選項被創(chuàng)建的
屬性與方法:
每個 Vue 實例都會代理其 data 對象里所有的屬性:
除了 data 屬性, Vue 實例也擁有各自的實例屬性與方法,這些屬性與方法都有前綴 $,以便與代理的 data 屬性區(qū)分
實例生命周期:
每個 Vue 實例在被創(chuàng)建之前都要經(jīng)過一系列的初始化過程。例如,實例需要配置數(shù)據(jù)觀測(data observer)、編譯模版、掛載實例到 DOM ,然后在數(shù)據(jù)變化時更新 DOM 。在這個過程中,實例也會調(diào)用一些生命周期鉤子 ,這就給我們提供了執(zhí)行自定義邏輯的機會
如,created 這個鉤子在實例被創(chuàng)建之后被調(diào)用
生命周期圖示:
下圖說明了實例的生命周期。你不需要立馬弄明白所有的東西,不過以后它會有幫助
總結(jié)
以上是生活随笔為你收集整理的Vue基础之Vue实例的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【原创】关于ASP.NET WebFor
- 下一篇: Vue之计算属性Computed