空境界

基礎指令：
{{ 變量 }} 只能存在當行語句
v-once：只能渲染一次
v-html：解析html結構
v-bind：指定，解析屬性中的對象
v-bind：簡寫為:
v-if / v-else：條件渲染，v-if只有條件為真才渲染元素
v-show：條件渲染，不管初始條件是什麼，元素都會被渲染，只是用簡單的css進行切換（顯示、隱藏）
頻繁切換用v-show，運行時條件很少改變則使用v-if
v-if="XXX"          v-if="show"

   
列表渲染：
v-for：把一個數組對應為一組元素
使用：<標籤 v-for="(item, index) in items" :key="index">{{ items }}</標籤> items 是源數據數組，item 是數組元素迭代的別名，index 是下標。
標籤：<li v-for="(value, key, index) in obj" :key="index">{{ index }}  {{ key }} {{ value }}</標籤> obj 是對象，有key和value

事件處理：
v-on:事件，簡寫@事件
v-on:clicK    @clicK:
1.事件改變data數據，data數據改變會引起視圖的變化
2.事件傳遞參數，如果要使用event裡面的參數，要寫成$event
<組件 v-on:事件="自定義方法名稱('參數')">v-on按鈕</組件>
<button v-on:click="clickHandler('科科')">v-on按鈕</button>
<組件 @事件="自定義方法名稱('參數')">v-on按鈕</組件>
<button @click="clickHandler('呵呵')">@按鈕</button>
3.數組更新檢測
變異方法：
（1）改變原數組，可以引起視圖更新
 push()、pop()、shift()、unshift()、splice()、sort()、reverse()
（2）不改變原數組（返回一個新數組），無法引起視圖更新
 filter()、concat()、slice()