VUE August 19, 2018

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

Words count 888 Reading time 1 mins. Read count 0

子组件

methods:{
 onClickMe:function (){
    this.$emit('functionName',Data)

}
//functionName为父组件里要绑定的方法,data为向父组件传递的数据

父组件

<compinent-a v-on:functionName="listenToMyBoy"></compinent-a>
methods:{
    listenToMyBoy:function(data){
        console.log(data)
        //打印子组件传来的数据
    }
}

方法二:$dispatch

子组件

methods:{
 onClickMe:function (){
    this.$dispatch('functionName',Data)
    //functionName为父组件里要绑定的方法,data为向父组件传递的数据
}

父组件

events:{
    ‘functionName’:function(data){
        console.log(data);
        //打印子组件传来的数据data
    }
}
0%