prop
使用props傳遞數據
組件實例的作用域是孤立的,這意味著不能在子組件的模板內直接引用父組件的數據,可以使用props
把數據傳給子組件
prop 是父組件用來傳遞數據的一個自定義屬性。子組件需要顯式地用 props 選項聲明 “prop”:
data
- 限制
必須是function - 寫法
data(){
return{
k:value
}
}
- 描述
data是Vue實例的數據對象,data對象中的屬性能夠響應數據的變化,data中必須是純粹的鍵值對。
實例創建之后,可以通過vm.$data
訪問原始數據對象。Vue 實例也代理了 data 對象上所有的屬性,因此訪問vm.k
等價于訪問vm.$data.k
。
methods
- type:
{k:function}
- 描述
Vue的實例可以直接訪問methods中的方法,方法中的this自動綁定為Vue的實例