vuejs基础语法中的指令:
v-cloak
在插值表达式的标签上添加v-cloak 指令
原理:先通过样式隐藏内容,然后在内存中进行值的替换,替换好之后显示结果
执行vue会自动清除该指令
v-text
填充文本内容,不能解析html标签
v-html
填充html片段 内容数据可以使用,第三方数据不能使用
v-pre
不常用,显示原始信息,不进行解析
v-once
只编译一次,结果显示之后不可修改
v-model
双向数据绑定 用于表单收集
v-bind:
绑定属性,可以简写 ":"
v-on:
绑定事件,可以简写 "@" 事件例如click,input
v-if 不符合条件 标签消失
v-show 不符合条件 样式里自动添加display:none
v-for 遍历对象时 固定顺序(value,key,index)
事件修饰符
.stop 阻止冒泡
.prevent 阻止默认行为
.capture
.self
.once
.passive
按键修饰符
.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right