参考文档:指令 | Vue.js
序号 | 指令 | 描述 | 备注 |
---|---|---|---|
1 | v-text | 作为文本更新元素内容 | |
2 | v-html | 作为html更新元素内容 | |
3 | v-show | 根据表达式的真假值,切换元素是否显示 | |
4 | v-if | 根据表达式的真假值来有条件地渲染元素 | |
5 | v-else | 前一兄弟元素必须有 v-if 或 v-else-if的后续 | |
6 | v-else-if | 前一兄弟元素必须有 v-if 或 v-else-if | |
7 | v-for | 基于源数据多次渲染元素或模板块 | |
8 | v-on | 绑定事件监听器 | |
9 | v-bind | 动态地绑定一个或多个 attribute | |
10 | v-model | 在表单控件或者组件上创建双向绑定 | |
11 | v-slot | 提供具名插槽或需要接收 prop 的插槽 | |
12 | v-pre | 展示原始的文本信息 | |
13 | v-cloak | 这个指令保持在元素上直到关联组件实例结束编译 | |
14 | v-once | 只渲染元素和组件一次 | |
15 | v-memo | 记住一个模板的子树。元素和组件上都可以使用。 |