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

猜你喜欢

转载自blog.csdn.net/weixin_33861800/article/details/93335349