vuejs 指令

vue学习第一天

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

转载于:https://www.cnblogs.com/yangxiaobai123/p/11062491.html