在vue中父子組件傳值是必不可少的,大家必須要學會!
首先父組件向子組件傳值:
父組件:比如我們傳teacher為index,如果我們傳值變數可以使用 : 系結我們在data中定義的變數,

子組件:為了規范一般使用物件的形式,type表示值的型別,default表示如果不傳值就默認是null.
在子組件中使用就是this.teacher和data里聲名的一樣,但是子組件不可以修改teacher的值,

子組件向父組件傳值:
子組件:通過$emit傳遞給父組件,第一個引數為事件名,第二個引數為要傳遞的值,

父組件:首先在子組件標簽上定義接受事件注意是@,然后在methods方法里定義方法注意這里的方法引數就是子組件傳遞的值,


父組件使用子組件內的方法:
父組件:如上圖所示在子組件標簽上使用ref,然后this.$refs.ref的值.子組件的方法名

子組件使用父組件內的方法:
方案一:
子組件:直接使用this.$parent.父組件中的方法名,
方案二:
本文中子組件向組件傳值也可以呼叫父組件的方法,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/545484.html
標籤:其他
下一篇:Vue,小程式開發技術詳解
