Vue组件自定义事件

v-on:xxx=""  :绑定

 this.$emit('xxx')  :  触发

this.$off()   :    解绑

App.vue




Student.vue:通过父组件给子组件绑定一个自定义事件实现:子给父传递数据(第一种写法,使用@或者v-on), this.$emit触发





School.vue:通过父组件给子组件传递函数类型的props实现:子给父传递参数





Vue组件自定义事件_第1张图片

 Vue组件自定义事件_第2张图片

 Vue组件自定义事件_第3张图片

 解绑:

      // this.$off('liner')//解绑一个自定义事件
      // this.$off(['liner','demo']) //解绑多个自定义事件
         this.$off() //解绑所有的自定义事件

Student.vue





总结:

Vue组件自定义事件_第4张图片

 

你可能感兴趣的:(linerVue,vue.js,javascript,前端)