Vue中data詳解

snail-T發表於2020-10-31

1.書寫格式

Vue中的data屬性專門用來以物件方式存放資料,它有兩種用法。

var vm=new Vue({
    data:{
     id:'',
     name:'',
    }, 
})
var vm=new Vue({
    data()
    {
    return  { id:'', name:''}
    }, 
})

元件中使用第二種,將data作為一個函式名、資料物件作為函式返回值來使用。原因是元件可能被用來建立多個例項。如果data仍然是一個純粹的物件,則所有的例項將共享引用同一個資料物件!通過提供data函式,每次建立一個新例項後,我們能夠呼叫data函式,從而返回初始資料的一個全新副本資料物件。

2.具體使用

Vue 在data中定義的資料,其在dom中訪問可以只用資料名,但是在method中訪問必須前面加this. 不然提示not defined

相關文章