vue生命周期（1.0及以下）:

 鉤子函數:（插件自帶）

     created -> 實例已經創建 √

     beforeCompile -> 編譯之前

     compiled -> 編譯之后

     ready -> 插入到文檔中 √

     beforeDestroy -> 銷毀之前

     destroyed -> 銷毀之后

用戶會看到花括號標記:

v-cloak 防止閃爍, 比較大段落

{{msg}} -> v-text

{{{msg}}} -> v-html

計算屬性的使用:

 computed:{

     b:function(){ //默認調用get

     return 值

     }

 }

 computed:{

     b:{

     get:

     set:

     }

 }

* computed里面可以放置一些業務邏輯代碼，一定記得return

vue實例簡單方法:

 vm.$el -> 就是元素

 vm.$data -> 就是data

 vm.$mount -> 手動掛在vue程序

 vm.$options -> 獲取自定義屬性

 vm.$destroy -> 銷毀對象

 vm.$log(); -> 查看現在數據的狀態

循環（1.0的版本，2.0中已經棄用）：

 v-for="value in data"

 會有重復數據？

 track-by='索引' 提高循環性能

 track-by='$index/uid'

過濾器:

 vue提供過濾器:

     capitalize uppercase currency....

     debounce 配合事件，延遲執行

 數據配合使用過濾器:

     limitBy 限制幾個

     limitBy 參數(取幾個)

     limitBy 取幾個 從哪開始

     filterBy 過濾數據

     filterBy ‘誰’

     orderBy 排序

     orderBy 誰 1/-1

     1 -> 正序

    -1 -> 倒序

# 自定義過濾器: model ->過濾 -> view

 Vue.filter(name,function(input){

 });

    v-text

    v-for

    v-html

    指令: 擴展html語法

自定義指令:

 屬性:

 Vue.directive(指令名稱,function(參數){

     this.el -> 原生DOM元素

 });

 <div v-red="參數"></div>

 指令名稱: v-red -> red

# * 注意: 必須以 v-開頭

自定義元素指令:（用處不大）

     Vue.elementDirective('zns-red',{

         bind:function(){

         this.el.style.background='red';

         }

     });