vue2.0 同级组件之间的通信

 

下面做的小demo是点击组件的时候 将A组件里面的数据{a:'我是A组件'} 传给C组件,如下:

 var vm = new Vue();
        var A = {
            data() {
                return {
                    a: '我是A组件'
                }
            },
            template: `
            
{{a}}
`, methods: { send() { vm.$emit('aaa', this.a) } } }; var B = { template: `
我是A组件
` } var C = { template: `
我是C组件==> {{a}}
`, data() { return { a: '' } }, mounted() { var _this = this vm.$on('aaa', function (data) { alert(data) _this.a = data }) } } new Vue({ el: '#box', data: { }, components: { 'demo-a': A, 'demo-b': B, 'demo-c': C } })

你可能感兴趣的:(vue2.0 同级组件之间的通信)