vue的常用指令有哪些

vue的常用指令有哪些

• 插入文本: v-text
  相当于元素的innerText属性，必须是双标签

• 插入html:v-html
  相当于元素的innerHTML属性

• 循环：v-for
  v-for的使用，除了item属性，还有一些其他的属性，加入现在要循环的对象名字为people：

  • 如果people是数组,还有index属性，如v-for="(item,index) in people"
  • 如果people是对象,还有value,key属性，如v-for="(value,key,index) in people"

• 条件渲染：
  if …else if …else
  是否插入元素

v-show
是否隐藏元素

• 属性绑定：v-bind
  v-bind:属性名=“常量 || 变量名”，简写形式——:属性名=“常量 || 变量名”

• 双向绑定：v-model
  所谓的双向绑定，就是在试图层里面改变了值，vue里面对应的值也会改变，只能给具备value属性的元素进行双向绑定

• 绑定事件：v-on
  v-on:click = “方法名 || 直接改变 vue 内部变量”，简写形式——@click = “方法名 || 直接改变 vue 内部变量”