vue指令总结

  1. v-pre跳过这个元素和它的子元素的编译过程
    这里的内容不会被编译
  2. v-html输出html
  3. v-bind语法糖:动态更新HTML元素属性
  4. v-on语法糖@绑定事件

  5. v-model用于表单类元素上双向绑定数据
  6. v-cloakdisplay:none配合使用解决网速较慢屏幕闪动问题
[v-cloak] { display: none; }
  1. v-once定义它的元素或组件只渲染一次,包括元素或组件下的所有子元素。首次渲染后,不会再随数据的变化重新渲染,将被视为静态内容
  2. v-if v-else-if v-else条件渲染,根据表达式的值在DOM中渲染或销毁元素或组件
  3. v-show改变元素css的display属性,当v-show的值为false时,相当于给该元素设置display:none
  4. v-for将一个数组遍历或枚举一个对象循环显示

你可能感兴趣的:(vue)