Vue常用指令

Vue常用指令

• v-for
  作用：基于源数据多次渲染元素或模板块

• v-if
  作用：取值为true/false，控制元素是否需要被渲染

• v-show
  作用：根据表达式之真假值，切换元素的 display CSS 属性

注：v-show和v-if的区别：如果需要频繁切换显示/隐藏的可以用v-show;如果运行后不太可能需要切换显示/隐藏的可以用v-if

• v-else
  作用：和v-if指令搭配使用，没有对应的值。当v-if的值false，v-else才会被渲染出来。

• v-bind
  作用：用于动态绑定DOM元素的属性; 例如 a 标签的href属性，img标签的src属性等。v-bind可以简写成“：”

• v-on
  作用：绑定事件
  语法：v-on:click=“msg”
  简写：@click=“msg”
  说明：绑定的事件定义在methods中

• v-model
  作用：在表单元素上创建双向数据绑定
  说明：监听用户的输入事件以更新数据

• v-html
  作用：更新DOM对象的 innerHTML

• v-once
  作用：只渲染一次，后面元素中的数据再更新变化，都不会重新渲染。