vue组件间通信

自定义组件：

适用于子组件给父组件传递数据

子组件：button绑定原生DOM事件，点击之后触发自定义事件event, 并传递参数 10

【HTML】

<div>

    <button @click="$emit('event', 10)">按钮</button>  

  </div>

父组件：

【HTML】: 接收自定义事件event, 并有handler回调

<div>

        <Event1 @event="handler"/>

    </div>

【js】：e  是自定义事件传递的参数

 methods: {

        handler(e){

            alert('自定义事件')

            console.log(e)

        }

    }