VUE中常用的指令

v-bind

所有标签属性都有v-bind，后面要跟js语法，不然就是普通字符串

语法糖：就是冒号，可简写例如 v-bind:src可以写成 :src

v-on

绑定事件，用原生事件。
语法糖：就是@，可简写例如v-on:click="aaa"语法糖@click=“aaa”

v-model

文本框中自带的属性
v-model相当于:value = “img” @input="img = $event.target.value"（$event是vue里面自带的相当于e)

v-for

v-for="( (item,i) in list )"

v-show

可以用来判断显示，可以用于轮播图
需要进行频繁的展示和隐藏，此时使用 v-show ，因为v-if会删除和新建DOM元素，这个操作的代价很高

v-html

用来渲染文本的，不会渲染出来标签

v-text

用来设置当前元素的文本内容，相当于innertext（会覆盖元素的默认内容）会渲染出来标签

v-if

如果没有展示，那么结构不会出现在HTML中，v-else 和 v-if 是一个组合，也可以用来做显示和隐藏，少的可以

v-once

只渲染元素和组件一次

v-cloak

配合[v-cloak]{display:none;} 避免了页面闪烁

keep-alive

把切换出去的组件保留在内存中，可以保留它的状态或者避免重新渲染

key属性

使用 v-for 的时候提供 key 属性，以获得性能提升
使用 key, Vue 会基于 key 的变化重新排列元素顺序，且会移除 key 不存在的元素