Vue學習筆記之通過props往子組件通信
今天學到組件通信的方法中的通過props像子組件傳值，記錄一下入門vue遇到的小問題
第一步：先給父組件中系結自定義屬性
Vue.component('Parent',{
data(){
return{
msg:"我是父組件資料"
}
},
template:`
<div>
<p>我是父組件</p>
<Child :childData='msg'></Child>
</div>
`
});
第二步：在子組件中使用props接收父組件傳遞的資料
Vue.component('Child',{
template:`
<div>
<p>我是子組件</p>
<input type="text" v-model='childData'/>
</div>
`,
props:['childData']
<!-- 通過props接收父組件的資料 -->
});
注意：①全域組件在創建之后需要掛載在Vue實體中使用，②data可以是物件也可以是函式，如果data是函式，函式得回傳一個物件return{}③如果實體化物件中template中定義了內容，則優先加載template模板內容，如果沒有加載el:"#app"模板
new Vue({
el:"#app",
template:`
<div>
<Parent></Parent>
</div>
`
})
本人初學vue如有錯誤敬請原諒
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/90746.html
標籤：其他