热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

vue的$emit()方法的使用,有一个疑问

letbus=newVue() Vue.component(my-demo,{template:`

let bus = new Vue()

 

Vue.component('my-demo', {

template: `

爱你{{obj}}

`,

data() {

return {

obj: {

name: 'zs',

age: 18

}

}

},

methods:{

fn(){

bus.$emit('send',this.obj)

}

}

})

Vue.component('my-demo1', {

template: `

哟哟 {{msg}}

`,

data() {

return {

msg: 'asdf'

}

},

mounted() {

bus.$on('send', (msg) => {

console.log(msg);

this.msg = msg

})

}

})

let vm = new Vue({

el: '.app',

}

)

$emit()这个方法好像只能通过事件里面去使用,不能放到钩子函数里面使用,请问一下这是为什么

可以放在钩子函数里面的,你可以在钩子函数的里面不用bus.$emit(),而是改用this.$emit(),因为在钩子函数里面,你的bus还没构建完成


推荐阅读
author-avatar
键盘上的泪g_752
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有