Vue里面的v-if与v-show的区别：
v-if依赖于控制DOM节点，而v-show是依赖于控制DOM节点的display属性。
共同点：
v-if和v-show都是用来控制元素的渲染。v-if判断是否加载，能够减轻服务器的压力，在须要时加载,但有更高的切换开销;v-show调整DOM元素的CSS的dispaly属性，能够使客户端操做更加流畅，但有更高的初始渲染开销。
特色：
v-if 的特色：每次都会从新删除或建立元素
v-show 的特色： 每次不会从新进行DOM的删除和建立操做，只是切换了元素的 display:none 样式 。
消耗：
v-if 有较高的切换性能消耗
v-show 有较高的初始渲染消耗
vue中经常使用指令：
指令
v-text
v-html
v-bind
v-on
v-model
v-for
代码
学习技术最好仍是要看下代码是什么样的。
v-text
解释：更新DOM对象的 textContent
<h1 v-text="msg"></h1>
v-html
解释：更新DOM对象的 innerHTML
<h1 v-html="msg"></h1>
v-bind
做用：当表达式的值改变时，将其产生的连带影响，响应式地做用于 DOM
语法：
v-bind:title="msg"
// 简写：:title="msg"
<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>
v-on
做用：绑定事件
语法：v-on:click="say" or v-on:click="say('参数', $event)"
简写：@click="say"
说明：绑定的事件定义在methods
<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>
v-model
做用：在表单元素上建立双向数据绑定
说明：监听用户的输入事件以更新数据
<input type="text" v-model="message" placeholder="edit me">
<p>Message is: {{ message }}</p>
v-for
做用：基于源数据屡次渲染元素或模板块
<div v-for="item in items">
{{ item.text }}
</div>
<!-- item 为当前项，index 为索引 -->
<p v-for="(item, index) in list">{{item}} -- {{index}}</p>
<!-- item 为值，key 为键，index 为索引 -->
<p v-for="(item, key, index) in obj">{{item}} -- {{key}}</p>
仅供参考。