自定义事件
可用于：子组件=父组件传输数据。
一、绑定和使用自定义事件
将子组件的自定义事件写入父组件(将事件绑定到子组件)，并在子组件中调用它。
App.vue中
Student@customevent='demo '第一种直接绑定自定义事件/Student
Student ref='student '由ref绑定的第二种自定义事件相对灵活/Student。
methods:{
演示(值，x，y，z){}
//演示(值，params){}此方法获取数据值和数组[x，y，z]
}
数据(){ 0
返回{
名称：“”
}
}
已安装：{
这个。$ refs.student.on ('customevent '，this.demo)//组件挂载后，绑定一个事件。
这个。$ refs . student . once(' customevent '，this.demo)//组件挂载后，绑定一个事件。
区分这个
这个。参考文献。Student.once ('customevent '，function(value){ this.name})//这是学生组件。
这个。$ refs . student . once(' customevent '，(value)={ this.name})//在这里，可以访问数据的名称、名称，这个找不到。
}
}
学生时代
按钮@ click=' sendvaluetoApp '/按钮
methods:{
sendvaluetoApp(){ 0
setTimeout(()={ 0
//灵活性在这里。它可以写在方法中。当然，方法中还可以做很多其他的事情。
这个。$emit('demo '，值)-触发组件的customevent事件，并调用子组件中App中的demo方法。
//value可以是倍数，如value，666，777，888。
},3000)
}
}
第二，取消自定义事件的绑定
methods:{
解除绑定(){ 0
这个。$ off(' demo ')-只有一个可以这样解开。
这个。$ off (['demo1 '，' demo 2 '])-此方法可以同时解除多个绑定。
这个。$ off()-用这种方式解开所有的东西。
}
}
三、与生命周期目的地的关系
在学生组件中
这个。$ destroy()//被写入button事件中以销毁组件。
销毁后：原生事件方法仍然有用，所有自定义事件无效。用main编写的所有子组件和子组件的自定义都无效。
四.在组件中使用本机事件
Student@click.native='demo '必须由native修饰，否则视为click自定义事件/Student。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/149517.html