Vue内置指令
迪丽瓦拉
2025-05-31 03:13:31
0次
首先总结一些常用指令
v-bind : 单向绑定解析表达式
v-model : 双向数据绑定
v-for : 遍历数组/对象/字符串
v-on : 绑定事件监听，可简写为@
v-if : 条件渲染（动态控制节点是否存在）
v-else : 条件渲染（动态控制节点是否存在）
v-show : 条件渲染（动态控制节点是否展示）
v-text指令：
1.作用：向其所在的节点中渲染文本内容
2.与插值语法的区别：v-text会替换掉节点中的内容{{xx}}则不会
Document 你好，{{name}}你好，
v-html指令：
1.作用：向指定节点中渲染包含html结构的内容。
2.与插值语法的区别：
(1).v-html会替换掉节点中所有的内容，{{xx}}则不会。
(2).v-html可以识别html结构。
3.严重注意：v-html有安全性问题！！！！
(1).在网站上动态渲染任意HTML是非常危险的，容易导致XSS攻击。
(2).一定要在可信的内容上使用v-html，永不要用在用户提交的内容上！
Document 你好，{{name}}
v-cloak 用于在网速较慢的时候进行解析页面
v-cloak指令 {xxx}}的问题。-->{{name}}
v-once 仅读一次
用于优化性能
v-once指令 初始化的n值是:{{n}}
当前的n值是:{{n}}
v-pre 加快编译速度
v-pre指令 Vue其实很简单
当前的n值是:{{n}}
上一篇：零售数据分析操作篇3：同比环比