Vue的API之選項 資料

2021-10-08 17:32:11 字數 1056 閱讀 6017

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...