子组件与父组件通信,$emit ,$on

 我们在使用vue做项目的时候,通信的必不可少的,我们一般都是使用$emit,$on来通信,
 比如在组件A中点击一个事件,触发事件后,返回的数据要在B组件中展示。
A组件
  • {{item.name}}
methods: { sendstorm: function (item) { var vm = this; this.$emit('sendstorm', item.url) }, }
B组件
methods: { geturl: function (url) { showimg(url) }, }
    在A组件中$emit一个事件,可以传送参数,在b组件引用的时候,给组件绑定传过来的事件名,执行的方法是在B组件定义好的

你可能感兴趣的:(子组件与父组件通信,$emit ,$on)