VUE兄弟组件传值

兄弟组件传值

创建一个实例，向这个实例上添加事件，然后在另外的实例中触发事件，即可实现传值

• $on 添加事件
• $emit 触发事件
• $once 一次性事件
• $off 清除事件

// 传值使用
const vm = new Vue()

// 实例一
const vm1 = new Vue({
    el: '#app1',
    data: {
        msg: 'app1'
    },
    created () {
        // 给vm添加事件
        vm.$on('data', function (data) {
            console.log(data);
        });
    }
})

// 实例二
const vm2= new Vue({
    el: '#app2',
    data: {
        msg: 'app2'
    },
    methods: {
        sendValue () {
            // 使用vm触发事件
            vm.$emit('data', this.msg);
        }
    }
})