兄弟組件傳值
創(chuàng)建一個實例，向這個實例上添加事件戈次，然后在另外的實例中觸發(fā)事件，即可實現(xiàn)傳值
-
$on添加事件 -
$emit觸發(fā)事件 -
$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觸發(fā)事件
vm.$emit('data', this.msg);
}
}
})
