VUE中子组件向父组件传递事件
2017-11-30 15:19
495 查看
两种方式，使用场景有区别
1、这也是官网中的例子。父组件中使用on来监听自定义事件test:<childComponent v:on='test'></childComponent>
子组件中使用emit来分发事件test
methods:{
test:function(){
alert('来自子组件的消息')
}
}
2、当使用嵌套路由的时候，用不到上面的场景，那就在app.js的vue实例中建立一个根属性
核心仍然是on和emit
具体参考：https://www.cnblogs.com/zishang91/p/7551643.html
1、这也是官网中的例子。父组件中使用on来监听自定义事件test:<childComponent v:on='test'></childComponent>
子组件中使用emit来分发事件test
methods:{
test:function(){
alert('来自子组件的消息')
}
}
2、当使用嵌套路由的时候，用不到上面的场景，那就在app.js的vue实例中建立一个根属性
核心仍然是on和emit
具体参考：https://www.cnblogs.com/zishang91/p/7551643.html
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue中如何让子组件的事件传递给父组件
- Vue EventBus自定义组件事件传递
- 深入浅析vue组件间事件传递
- Vue组件绑定自定义事件(子向父传递事件)
- vue中子组件向父组件传递数据的实例代码(实现加减功能)
- Vue子父组件间的数据传递
- vue.js 组件之间传递数据
- VUE ---（9）组件——props数据传递
- vue组件间的传递
- vue中非父子组件之间传递值
- 详解vue2父组件传递props异步数据到子组件的问题
- 如何给组件添加事件并传递参数
- 详解vue父组件传递props异步数据到子组件的问题
- vue-bus非父子组件之间触发事件
- vue.js 组件之间传递数据
- vue 父子组件属性传递
- Vue之v-on绑定监听子组件传来的事件
- 配置Webpack-dev-server+初步了解react中元素、组件、事件、props传递
- vue组件中数据的传递
- vue2.0中的组件通信2——子组件向父组件传递数据