vue的基本指令

常用:

• v-on:添加事件  ,简写成:@click

                修饰符:

                      stop:阻止冒泡

                     prevent:阻止默认行为

                     keyup.enter:回车事件

• v-bind:绑定行内属性 

             例:v-bind:src="数据",简写成:  :src="数据"

              :disable="isable",是true就禁用,false就是启用

               :class="{类名:数据}",数据是true就代表添加这个类.false就不添加

• v-model:双向数据绑定, 默认用在表单元素身上
• v-for:遍历数组,(item,index) in 数组
• v-if:按条件渲染

不常用

• v-cloak：就是可以设置一些vue加载完之前的样式

• v-once：只被vue管理一次

• v-pre：原样显示内容，不管你写什么内容，都不被vue解析

• v-show：按条件显示或隐藏

v-if 和 v-show 的区别

共同点:          v-if 和 v-show都能实现元素的显示和隐藏

不同点:

• v-show只是简单的控制元素的display属性,而v-if才是真正的条件渲染(条件为真,元素将会被渲染,条件为假,元素会被销毁)
• v-show有更高的首次渲染开销,而v-if的首次渲染开销要小得多
• v-if有更高的条件开销,v-show切换开销小
• v-if有搭配的v-else-if和if-else,而v-show没有
• v-if可以搭配template使用,而v-show不行