vue基础知识点二
事件修饰符
.stop 阻止冒泡事件
.capture 添加事件捕获模式
.selfl 当事件作用于本身的时候触发
.once 只触发一次
.prevent 阻止默认事件
数据双向绑定(表单控件)
原理:
通过数据劫持发布订阅模式的方式来实现的,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调来渲染视图
指令 v-model
样式的使用
class
数组
三目表达式
对象
数组内置对象
style
对象
数组内置对象
函数返回值
v-for
遍历数组
遍历对象
遍历数字
key
必须是唯一值
必须是数字或者字符串
作用
提高重排效率。就地复用
V-if 和v-show
相同点:都可以进行元素的隐藏
不同点:v-if通过删除dom元素进行隐藏,v-show通过dislpay:none隐藏
应用场景
v-if用于少次的切换,v-show应用于频繁的切换