$emit的使用

$emit

子组件可以通过emit触发父组件的自定义事件；

<div id="app">
    <heng @click="click1"></heng>
</div>

Index.js

Vue.component('heng',{
  template:`
  <div>
    <button @click="$emit(\'click\')">but</button>
  </div>  
  `
})
var app = new Vue({
    el:'#app',
    methods:{
      click1:function(){
        console.log(1111);
      }
    }
})

或则修改为

Vue.component('heng',{
  template:`
  <div>
    <p>wo</p>
    <button @click="click2">but</button>
  </div>  
  `,
  methods:{
    click2:function(){
      this.$emit('click')
    }
  }
})