vue.js中常用v-指令

Vue中 v-text on if for model bind show 的解释

v-text

v-text:元素的InnerText属性,必须是双标签 跟{ { }}效果是一样的 使用较少
注意: v-text 只能用在双标签中

v-html:

元素的innerHTML
v-html 其实就是给元素的innerHTML赋值

v-on

其实v-on后面跟的不止是click事件也可以是其他的事件，用法均相似。比如：v-on:click/mouseout/mouseover/mousedown…

以下click为例

注意：所有的v-on都可以简写为@，比如说v-click可以简写为@click

可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。通常来讲就是监听dom触发一些操作，这些操作（比如点击）触发后执行的动作（js）可有直接写在后面

v-on:click="item+=1"

v-if

v-if : 判断是否插入这个元素,相当于对元素的销毁和创建

v-for

v-for 使用方式 v-fo="(item,index) in data" index 索引 item索引数据

1.迭代普通数组
在data中定义普通数组

data:{
   
      list:[1,2,3,4,5,6]
}

<p v-for=