當前位置:編程學習大全網 - 網站源碼 - vue親子組件價值傳遞方法綜述(六種方法)

vue親子組件價值傳遞方法綜述(六種方法)

1 .道具

子組件:

?道具:["名字"]

父組件:

2.$parent

子組件接收:

這個。$parents.msg//這個msg是父組件的msg。

3.依賴註入

通過父組件向後代組件公開的屬性和方法。

父組件:

?data(){

返回{

姓名:“父親的名字”

?}

?},

提供:function(){

返回{

getName:this.name

?}

}

子組件接收:

註入:["getName"]

1.emit

自定義事件

組件

這個。$emit("increment ","我是子組件")//increment:任意自定義事件名稱?第二個參數是價值傳遞的數據。

父組件

?方法:{

f1(數據){

Console.log(data)//打印“我是子組件”

?}

?}

2 .參考

組件

?data(){

返回{

名稱:“我是子組件”

?}

}

父組件

?方法:{

?這個。$refs.child_id.name?//此名稱是子組件的名稱。

}

3.終極方法

使用狀態管理工具,如Vuex。

  • 上一篇:怎麽把自己唱的歌導出來?
  • 下一篇:我想成為壹名司機。e代駕的司機管理部電話是多少?
  • copyright 2024編程學習大全網