父組件傳值給子組件

　　props方式　　

? ? ? ? ? ? ? ??

　　　　父組件上1處聲明傳遞的鍵并賦值，子組件2處使用props接收一下這個鍵就可以使用了。在父組件改變這個值的話子組件跟著一起響應(yīng)，子組件改變這個值的話父組件不改變。次為響應(yīng)式，但是也僅限于父組件的值變化子組件跟著響應(yīng)

　　$refs

? ? ? ? ? ? ? ??

　　　　在1處使用ref聲明，在2處使用$refs,屬性名找到組件的實例并給實例的數(shù)據(jù)賦值。在父組件改變值子組件不跟著做出響應(yīng)（要想跟著響應(yīng)在手動設(shè)置一遍），在子組件改變值父組件也不會變。此為非響應(yīng)式。有人可能說$refs是操作dom，非也，$refs在組件上的話獲得是組件的實例，跟普通的dom不一樣。

　　$children(推薦)

　　　　

?　　　　只需在$children找到對應(yīng)子組件的位置就能獲得實例，直接設(shè)置即可。改變子父組件的值效果跟$refs的一樣，也是非響應(yīng)式

子組件傳值給父組件

　　$emit

　　　　

　　　　在1處子組件使用$emit發(fā)送一個事件并攜帶數(shù)據(jù)，在2處v-on:接收一下子組件的事件，3處父組件用一個方法接收數(shù)據(jù)。父組件接收成功數(shù)據(jù)后再去改變字符組件的值另一方都不會變。非響應(yīng)式

　　$parent（推薦）

　　　　

　　　　在子組件使用$parent或者父組件的實例，直接改變里面的數(shù)據(jù)。也是非響應(yīng)式的

?

轉(zhuǎn)載于:https://www.cnblogs.com/lichunjing/p/8818936.html

總結(jié)

以上是生活随笔為你收集整理的vue子父组件间传值的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。