vue 的指令有哪些

22 阅读1分钟
  1. v-if
  2. v-for
  3. v-show
  4. v-html
  5. v-model

v-if 和 v-show 的区别

v-if 会让条件块内元素或组件适当地被销毁和重建。

v-show 的元素或组件一开始就被渲染,只是简单的进行 css 切换。

相比之下,v-if 会带来更高的切换消耗,所以频繁切换使用 v-show,不常切换则使用 v-if

v-model

v-model 是属性 valueinput 事件的语法糖。内部默认将 value 作为值,使用 $emit 触发 input 事件更新属性,从而实现双向绑定。而自定义双向绑定可以定义组件的 model 选项设置 propevent 来实现。