1.v-bind 单向数据绑定,可以简写为 :。。。=‘’
2.v-model双向数据绑定
3.v-for 遍历数组,对象,字符串
4.v-on 绑定事件监听,简写为@...=‘’
5.v-if/v-else 条件渲染(动态指定节点存不存在)
6.v-show 条件渲染(动态指定节点展不展示,比较适合频繁显示与隐藏)
7.v-text 不解析标签结构,如字符串"<h1>你好</h1>",输出的还是<h1>你好</h1>,和{{}}相比插值表达式更灵活,且v-text会替换标签里的内容,而{{}}不会
8.v-html 支持解析标签结构,但有安全性问题,容易被盗取cookie的内容,一定不要在表单里用到
9.v-cloak 没有值,只有属性,在vue接管容器后移除,搭配css使用,如[v-cloak]{display:none}能控制所属标签在vue解析之前隐藏,可以解决网速慢,页面显示插值语法的问题
10.v-once 所在的节点在第一次动态渲染后就视为静态内容了,后面data里面数据改变不会影响v-once所在结构的更新,可以用于优化性能
11.v-pre 可以使vue跳过所在节点的编译过程,可用它跳过希望展示原节点且不用解析的节点,可以加快编译
Vue的一些内置指令
于 2022-05-03 22:40:20 首次发布