组件通信-子传父（自定义事件

 

<template id="cpn">
  <div>
    <button v-for="item in categories" @click="btnClick(item)">
      {{item.name}}
    </button>
  </div>
</template>

    methods:{
      btnClick(item)
      {
        console.log(item)
      }
    }

<div id="app">
  <cpn @itemClick="cpnClick"></cpn>
</div>

 此处需要改为：

两处都是小写或者都使用-连接

<div id="app">
  <cpn @itemclick="cpnClick"></cpn>
</div>

    methods:{
      btnClick(item)
      {
        this.$emit("itemclick")
      }
    }