vue指令（超详细）

v-if和v-show

v-if条件渲染，在如果为true才开始渲染；v-show的话都会渲染，如果为true，display则会设置显示，否则就为none。

适用场景： 一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。直白点来讲就是需要用到重复的地方比较多的，则用v-show，（如列表）反之用v-if；而且v-if还可以和v-else-if或者v-else进行连用。

v-html

用来 解析HTML段落

<div v-html="message">{{message}}</div>

export default {
  data () {
    return {
      message: "这里可以包含html标签"
    }
  }
}

v-on

绑定事件，如v-on:click="showMsg"，等同于@click="showMsg"

v-for

用于循环遍历，常与:key连用

<div v-for="(imgs,index) in item.userLink" :key="index" ></div>

v-bind

动态地绑定一个或多个 attribute，或一个组件 prop 到表达式。

<img v-bind:src="imageSrc">
<!-- 缩写 --> 
<img :src="imageSrc">