对于Vue2.x的个人小结（一） - 掘金

一、指令的基本用法

v-show

用法:v-show="表达式|布尔值"，当条件为false的时候，v-show只是对元素添加一个行内样式display:none

v-if

用法:v-if="表达式|布尔值"，当条件为false的时候，包含v-if指令的元素，会销毁于dom中

v-else

用法:v-else,必须要与v-if一起使用

v-else-if

用法:v-else-if:"表达式|布尔值"，可以由v-if，v-else-if，v-else形成一个链式调用

v-for、循环遍历

用法：v-for=“item in items”，可以用来遍历对象/数组
遍历数组(可以传2个参数)：v-for="(item,index) in items"
遍历对象(可以传3个参数)：v-for="(value,item,index) in items"
key的使用:

v-on、事件监听

用法:v-on:click="btnClick" 语法糖：@click="btnClick"
参数的引用：

v-bind、属性绑定

v-model、双向绑定

v-model指令用于表单组件的绑定input，select
只要修改表单的value或者message的值，数据就会发生对应的变化
<input type="text" v-model="message">

v-text

v-text指令用于操作纯文本
<h2 v-text="message"></h2>

v-html

v-html指令用于解析html
<h2 v-html="message"></h2>
message:"<span>hello vue.js</span>"

v-slot

v-pre

v-once

使用v-once指令，只能执行一次赋值，当数据发生改变，插值处的内容不会改变
<h2 v-one>{{message}}</h2>

v-cloak