事件修饰符
.prevent 阻止浏览器默认事件
.stop阻止冒泡事件
.once只触发一次
.capture捕获模式 打乱冒泡顺序(即可以理解为给元素添加一个监听器,当元素发生冒泡时,先触发带有该修饰符的元素。若有多个该修饰符,则由外而内触发
.self
阻止自身事件促发,但不会阻止冒泡,
间接性有捕获效果在冒泡事件中,
点击设置了self的子类,
才不会触发自身点击设置了self本身是可以触发的
v-model修饰符
.lazy 失去焦点后提交值
.number有效转换"1"== 1 为数字
.trim清除前后空格
v-model是什么
1.双向数据绑定,既可以从data流向页面,也可以由页面流向data
2.通常用于表单收集,v-model默认绑定value值
3.v-model:value=""或v-model=""(简写)
v-model原理
1.v-model本质是一个语法糖
2.v-bind绑定数据
3.oninput数据传递
自定义指令
规则:定义指令名称不能使用驼峰和v-,要是用-连接,记得添加引号
使用时要v-自定义名称
1.函数写法
名称(节点,绑定对象){}
2.对象写法
名称:{
绑定成功调用
bind(节点,绑定对象){},
插入到页面调用
inserted(节点,绑定对象){},
重新解析时调用(值发生改变)
update(节点,绑定对象){}
}
1.局部自定义指令
directives ,写入Vue实例中
2.全局自定义指令
Vue.directive ,定义在实例化之前