data
如下**,將message作為vue物件的乙個屬性,進行getter和setter,message就變成了直屬於vm物件的乙個屬性。
let vm =
newvue(}
)
當乙個元件被定義,data
必須宣告為返回乙個初始資料物件的函式,因為元件可能被用來建立多個例項。如果data
仍然是乙個純粹的物件,則所有的例項將共享引用同乙個資料物件!通過提供data
函式,每次建立乙個新例項後,我們能夠呼叫data
函式,從而返回初始資料的乙個全新副本資料物件。
如果需要,可以通過將vm.$data
傳入json.parse(json.stringify(...))
得到深拷貝的原始資料物件。
示例:
let foo =
let vm =
newvue(}
// data: () => foo
})
props
示例:
// 簡單語法
vue.
component
('props-demo-******',)
// 物件語法,提供驗證
vue.
component
('props-demo-advanced',}}})
propsdata
computed
示例:
let vm =
Vue 物件的選項
vue物件的選項通過向建構函式new vue 傳入乙個option物件去建立乙個vue例項。var vm new vue functional 讓元件無狀態 沒有data 和無例項 沒有this上下文 model 允許自定義元件使用v model時定製prop和event inheritattrs ...
vue 的全域性API
vue 的全域性api 在構造器外部用vue提供給我們的api函式來定義新的功能 自定義的指令 vue.directive 自定義指令中傳遞的3個引數 el 指令所繫結的元素,可以用來直接操作dom。binding 乙個物件,包含指令的很多資訊。vnode vue編譯生成的虛擬節點 vue.dire...
vue的全域性api
vue.extend vue基本構造器 vue.nexttick 非同步重新整理佇列 vue.set 全域性設定響應資料必須要放入data const a vue.set a,b 2 data vue.delete 全域性刪除 基於物件採用object.assign 與陣列vue.set vue.d...