vue 父组件监听子组件，子组件向父组件传值

子组件中通过emit来向父组件传值

例子：子组件点击缩进菜单，父组件菜单栏变窄

子组件 navheader 的内容：

    <div class="left" @click="collapse">
      <i :class="isCollapse ? 'el-icon-s-unfold' : 'el-icon-s-fold'" />
    </div>

//div点击后调用方法给父组件

    collapse() {
      this.isCollapse = !this.isCollapse
      this.$emit('changecollapse', this.isCollapse)
    },

父组件引用子组件传过来的值

    <nav-header @changecollapse="handlecollapse($event)" />


//  监听到改变以后父组件会调用handlecollapse方法

    handlecollapse(change) {
      this.isCollapse = change   
    },