跳到主要内容

简述 Vue 有哪些内置指令 ？

参考答案：

Vue.js 提供了许多内置指令，这些指令以 "v-" 为前缀，用于在模板中绑定特定的行为或状态。以下是 Vue.js 的一些常用内置指令：

  1. v-model：实现表单输入和应用状态之间的双向绑定。
  2. v-text：更新元素的 textContent。
  3. v-html：更新元素的 innerHTML。
  4. v-bind：属性绑定，用于响应式地更新 HTML 属性。
  5. v-on：事件监听器，用于监听 DOM 事件并在触发时运行一些 JavaScript 代码。
  6. v-for：基于源数据多次渲染一个元素或模板块。
  7. v-if / v-else-if / v-else：条件渲染，根据表达式的值的真假，切换元素的显示/隐藏。
  8. v-show：根据表达式的值的真假，切换元素的显示/隐藏，但是与 v-if 不同的是，v-show 只是简单地切换元素的 CSS 的 display 属性。
  9. v-pre：跳过这个元素和它的子元素的编译过程。可以用来显示原始的 Mustache 标签。
  10. v-cloak：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
  11. v-once：只渲染元素和组件一次。随后的重新渲染, 元素/组件及其所有的子节点将被视为静态内容并跳过。
  12. v-memo：在 Vue 3.2 中新增，用于优化性能，只会在其依赖的响应式数据发生变化时才会重新渲染。

以上就是 Vue.js 的一些常用内置指令，它们可以大大简化你的代码，让你能够用更少的代码实现更多的功能。