vue 父子组件通信——子组件向父组件派发事件

在vue中，子组件通过$emit触发事件给父组件发送消息。

vm.$emit( eventName, […args] ) 可以有两个参数：第一个参数必填，触发当前实例上的函数；第二个参数选填，是向函数传递的数据。

下面是从子组件向父组件派发事件的具体过程：

（1）在子组件中添加按钮，触发函数 transmitMsg 向父组件派发事件：

  <div>
    <h1>{
   {
   zhmsg}}</h1>
    <button @click="transmitMsg">点击按钮向父组件传值</button>
  </div>

（2）在子组件 methods 中定义 transmitMsg() 函数：

      transmitMsg(){
   
        this.$emit('showChildMsg',this.transmsg)