$emit自定义事件

$emit自定义事件，常常用于子组件向父组件通信

定义事件：this.$emit(事件名称，参数1，参数2……参数n)
自定义组件接受自定义参数：只有一个参数用$event、多个参数用arguments

• 子组件

<div class="btn" @click="test_1('1')"  @click="test_2('1','2')">点击</div>

<script>
export default {
    methods: {
        test_1(item) {
            this.$emit("test_1", item);
        },
        test_2(item) {
            this.$emit("test_2", item);
        }
    }
};
</script>

• 父组件

<transaction-list @test_1="show_1($event)" @test_2="show_2(argument)"></transaction-list>

methods: {
  // 显示申购列表
  show_1(items) {
    console.log(items);
  },
// 显示申购列表
  show_2(items) {
    console.log(items);
  },
}

#原理

探索中……