子组件向父组件通信
子组件向父组件通信也有两种方式:一种是使用自定义事件,另一种是使用¥refs
在父组件中调用子组件的时候,绑定一个自定义事件和对应的处理函数。
在templete中应用子组件的时候,定义channgeMsg
<counter @changeMsgEvent=“ChangeMsg”></counter>
用changeMsg监听事件是否触发
Methods:{
ChangeMsg:function(msg){
//msg就是传递来的参数
}
}
在子组件中把要发送的数据通过触发自定义事件传递给父组件
this.$emit(“changeMsg”,”这是子组件传过来的值”)
方法体写在父组件里面,然后再子组件中用这个来触发父组件中给子组件绑定的事件。 第一个是方法,第二个是参数