视频网站seo实战,做企业网站一般用什么服务器,如何网站建设有利于网络营销,现在哪个招聘网站做的比较好一、场景描述
我们在页面开发中#xff0c;难免要使用事件。 在之前的学习中#xff0c;我们学过click、keyup、change等事件#xff0c;这些是Vue自带的事件。 它一般是用在原生的HTML元素上的。在组件上使用需要加native修饰 比如#xff1a;
h1绑定一个click事件…一、场景描述
我们在页面开发中难免要使用事件。 在之前的学习中我们学过click、keyup、change等事件这些是Vue自带的事件。 它一般是用在原生的HTML元素上的。在组件上使用需要加native修饰 比如
h1绑定一个click事件
h1 clicktest你好/h1
input绑定一个keyup事件
input typetext keyup.enteradd/
在组件上绑定一个Vue原生事件
School change.nativedelete/这一篇说的自定义事件可以绑定到我们自己的Vue组件上。 实现子组件给父组件传递数据的功能。 比如
School :getSchoolNamegetSchoolName/二、绑定自定义事件
方式1
使用或v-on方式绑定自定义事件
App父组件中 模板代码 Student testgetStudentName/methods函数
getStudentName(name,...params){console.log(App收到了学生名,name,params)
}Student子组件中 模板代码
button clicksendStudentlName把学生名给App/buttonmethods函数
//触发Student组件实例身上的test事件 传递多个参数
this.$emit(test,this.name,666,888,900)方式2
使用ref方式绑定自定义事件 App父组件中 模板代码
Student refstudent/mounted属性 mounted() {//设置三秒后再绑定事件// setTimeout(() {// this.$refs.student.$on(test,this.getStudentName) //绑定自定义事件 第一个参数是事件名称第二个参数是函数名称// },3000);// this.$refs.student.$on(test,this.getStudentName) //绑定自定义事件 第一个参数是事件名称第二个参数是函数名称this.$refs.student.$once(test,this.getStudentName) //绑定自定义事件一次性}Student子组件中 和方式1相同
三、总结
原则给那个组件的vc实例绑定事件就由那个组件的vc实例来触发事件 相对来讲第二种方法更灵活第一种方法更简便各有优势视具体情况选择使用。
