VUE August 19, 2018

父组件向子组件通信的两种方式

Words count 983 Reading time 1 mins. Read count 0

父组件:

传递静态字符串

 <compinent-a msgfromfather="strings"></compinent-a>

传递父组件data里的数据

 <compinent-a :msgfromfather="fromData"></compinent-a>

子组件:

注册属性

 props:['msgfromfather'],
 //注册父组件里传递的属性

使用

 <h2>{{msgfromfather}}</h2>

方法二:$broadcast(弃用)

父组件

addNew:function () {
    this.$broadcast('functionName',data)
    //functionName为方法名,data为要传递的数据
}    

子组件

  events: {
    'functionName': function (data) {
      console.log(data)
    }
  }
0%