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

 鉤子函數(shù):（插件自帶）

     created -> 實(shí)例已經(jīng)創(chuàng)建 √

     beforeCompile -> 編譯之前

     compiled -> 編譯之后

     ready -> 插入到文檔中 √

     beforeDestroy -> 銷毀之前

     destroyed -> 銷毀之后

用戶會(huì)看到花括號(hào)標(biāo)記:

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

{{msg}} -> v-text

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

計(jì)算屬性的使用:

 computed:{

     b:function(){ //默認(rèn)調(diào)用get

     return 值

     }

 }

 computed:{

     b:{

     get:

     set:

     }

 }

* computed里面可以放置一些業(yè)務(wù)邏輯代碼，一定記得return

vue實(shí)例簡(jiǎn)單方法:

 vm.$el -> 就是元素

 vm.$data -> 就是data

 vm.$mount -> 手動(dòng)掛在vue程序

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

 vm.$destroy -> 銷毀對(duì)象

 vm.$log(); -> 查看現(xiàn)在數(shù)據(jù)的狀態(tài)

循環(huán)（1.0的版本，2.0中已經(jīng)棄用）：

 v-for="value in data"

 會(huì)有重復(fù)數(shù)據(jù)？

 track-by='索引' 提高循環(huán)性能

 track-by='$index/uid'

過(guò)濾器:

 vue提供過(guò)濾器:

     capitalize uppercase currency....

     debounce 配合事件，延遲執(zhí)行

 數(shù)據(jù)配合使用過(guò)濾器:

     limitBy 限制幾個(gè)

     limitBy 參數(shù)(取幾個(gè))

     limitBy 取幾個(gè) 從哪開(kāi)始

     filterBy 過(guò)濾數(shù)據(jù)

     filterBy ‘誰(shuí)’

     orderBy 排序

     orderBy 誰(shuí) 1/-1

     1 -> 正序

    -1 -> 倒序

# 自定義過(guò)濾器: model ->過(guò)濾 -> view

 Vue.filter(name,function(input){

 });

    v-text

    v-for

    v-html

    指令: 擴(kuò)展html語(yǔ)法

自定義指令:

 屬性:

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

     this.el -> 原生DOM元素

 });

 <div v-red="參數(shù)"></div>

 指令名稱: v-red -> red

# * 注意: 必須以 v-開(kāi)頭

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

     Vue.elementDirective('zns-red',{

         bind:function(){

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

         }

     });