1、指令
指令帶有前綴 v-,以指示它們是 Vue.js 提供的特殊特性。
也有一些其它指令,每個都有特殊的功能。例如, v-for 指令可以綁定數(shù)據(jù)到數(shù)據(jù)來渲染一個列表
v-on 指令綁定一個監(jiān)聽事件
v-model 指令,它使得在表單輸入和應用狀態(tài)中做雙向數(shù)據(jù)綁定變得非常輕巧
2、組件
在 Vue 里,一個組件實質上是一個擁有預定義選項的一個 Vue 實例
3、實例
每個 Vue.js 應用的起步都是通過構造函數(shù) Vue 創(chuàng)建一個 Vue 的根實例
在實例化 Vue 時,需要傳入一個選項對象,它可以包含數(shù)據(jù)、模板、掛載元素、方法、生命周期鉤子等選項。
可以擴展 Vue 構造器,從而用預定義選項創(chuàng)建可復用的組件構造器
所有的 Vue.js 組件其實都是被擴展的 Vue 實例
4、屬性和方法
每個 Vue 實例 代理 所有屬性都在 data 對象中
每個 Vue 實例都會代理(俗話就是說,繼承)其 data 對象里所有的屬性
注意只有這些被代理的屬性是響應的。如果在實例創(chuàng)建之后添加新的屬性到實例上,它不會觸發(fā)視圖更新。
除了這些數(shù)據(jù)屬性,Vue 實例暴露了一些有用的實例屬性與方法。這些屬性與方法都有前綴 $,以便與代理的數(shù)據(jù)屬性區(qū)分。
鉤子的 this 指向調用它的 Vue 實例。
5、生命周期圖示
DFB1EF26-82D6-43CF-89B8-357ACBBFF970.png