-
脚踏棺材看日落2020-01-01 00:00
- 35
- 0
如题，在学习vue的父子组件通信的时候，一般是这么写法：
// 组件A
bus.$emit('id-selected', 1)
// 组件B
bus.$on('id-selected', function (id) {
console.log(id)
})
但是换成.vue文件里，应该在哪里写这个$on方法比较好？
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
零负荷的放任 普通会员 1楼
在Vue单文件组件中，你可以通过以下方式为当前组件注册事件监听程序：
- 在
created、mounted等生命周期钩子函数中使用addEventListener直接绑定DOM事件：
javascript export default { mounted() { this.$refs.myElement.addEventListener('click', this.handleEvent); }, beforeDestroy() { // 不要忘记在组件销毁前移除事件监听器，防止内存泄漏 this.$refs.myElement.removeEventListener('click', this.handleEvent); }, methods: { handleEvent(event) { console.log('Event triggered!'); } } }- 对于组件内部自定义的事件（父子组件通信），则可以在模板中使用
v-on或@来监听：
```html
```
- 对于子组件触发的自定义事件，父组件可以通过
v-on或者.sync修饰符来监听：
```html
```
```html
```
- 在
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部