自定义事件的解绑
运用$off这个api来实现
1.解绑一个自定义事件时
举例：
StudentLqj.vue:
代码语言：javascript复制<template>
<button @click="sendStudentName">把学生名给App</button>
//上面是给app里的：（atlqj）做出的绑定事件
<button @click="unbind">把学生名给App</button>
//上面是给app里的：（atlqj）做出的解绑事件
</template><script>
...
methods:{
sendSchoolName(){
this.$emit('atlqj',this.name)
},
unbind(){
this.$off('atlqj')
}
}
</script>2.解绑多个自定义事件时
我们再在app.vue里面定义一个事件demo 所有在StudentLqj.vue里面的methods里面之前定义的函数（sendStudentName）需要在配置: this.$emit('demo')
注意：如果我们相同时解除绑定这两个（或者你可以再写的多一些自定义绑定事件，道理都是一样的）， 需要借助子组件（StudentLqj.vue）中的： <button @click="unbind">解绑</button> 这个按钮，来与下面的按钮事件配合（如下）： unbind（）{ this.
App.vue：
代码语言：javascript复制<template>
<StudentLqj v-on:atlqj="getStudentName" @demo="m1"></StudentLqj>
</template>
<script>
methods:{
getStudentName(name){
console.log('App收到了学生名:',name)
},
m1(){
console.log('demo事件被触发了！')
}
},
...
</script>StudentLqj.vue:
代码语言：javascript复制<template>
<button @click="sendStudentName">把学生名给App</button>
<button @click="unbind">把学生名给App</button>
</template>
<script>
...
methods:{
sendStudentName(){
this.$emit('atlqj',this.name)
this.$emit('demo')
},
unbind(){
this.%off(['atlqj','demo'])
}
}
</script>注意：this.$off()是解绑默认的所有自定义事件的值
列表： this.off('xxx')解除一个xxx自定义绑定事件 this.off(['xxx','yyy'])解除xxx和yyy自定义绑定事件 this.
3.组件实例对象（vc）销毁
如果一个组件的的实例对象（vc）被销毁了，那它身上的组件自定义组件也就跟着不起作用了！
StudentLqj.vue:
代码语言：javascript复制<template>
<button @click="sendStudentName">把学生名给App</button>
<button @click="death">销毁student子组件的vc</button>
</template>
<script>
...
death(){
this.$destroy()//销毁了当前的student组件实例（vc）
}
...
</script>如果点击销毁当前子组件的按钮，不需要点击解绑的按钮，自定义绑定事件则不起作用， 因为子组件的vc都没有了！
