vue 中 $emit的使用

也可以参考官网的：vm-emit

作用：子组件想要调用到父组件的方法。

使用$emit触发父组件中写好的方法。

标识 :

 

如，父组件中使用子组件IndexFrom，并向子组件传递一个叫closed的方法：

      <IndexFrom v-on:closed="closed" if="online"></IndexFrom>

这个方法写在父组件中： 

    closed() {
      this.online = false;
    },

 

在子组件中调用：

当点击关闭的时候，触发父组件中定义的方法。

    <div class="mask" @click="close">关闭</div>

子组件中定义的方法：其中 this.$emit("closed");中的closed是父组件方法的别名，可自取。

    close() {
      this.$emit("closed");
    },