vue的一些坑（次日）

首先啊感謝一位小童鞋的指出其實我寫的這些內容算不上坑，只是平時使用的時候的一點小問題，不過只是個名字啦！再次致謝

1：兩個簡寫的命令

v-bind:class能夠簡寫爲  :class

v-on:click能夠簡寫爲  @click

2：這裏解釋一下上面爲何會提到v-bind:class

若是你在vue項目裏面想要對一個標籤添加一個class的話，就必需要用到這個東西了，而後嘞！

這個v-bind:class後面的語句有特殊的寫法，不可以直接放個類名在哪裏，這裏一般是須要寫成對象形式的，數組也能夠;

這裏又引伸出另一個問題了，若是說當前操做的這個對象沒有這個屬性該怎麼辦--》以下

item裏面沒有checked這個屬性怎麼辦？

:class="{'check':item.checked}"

這個時候咱們就須要在js裏面須要用到這個屬性的方法裏面添加

if(typeof item.checked == 'undefind')(由於沒有這個屬性因此在用的時候會提示undefind)

Vue.set(item,'checked',true)至關於給item註冊了一個checked(詳情參考文檔)　　　　　　　　　　　　　　

這裏註冊的這個屬性是全局的，也可使用 this.$set(....);同上效果同樣只是做用域的區別

3：過濾器

Vue.js 容許你自定義過濾器,過濾器的寫法官方文檔有，這裏再也不贅述

就說一下全局過濾器這個東西，他能夠在這個項目的任何一個頁面進行調用，而局部的過濾器只能在當前實例內部進行使用

並且這個全局過濾器的寫法還有點特殊，在vue1+裏面過濾器裏面的參數中間是經過空格進行傳入的。可是在2.0裏面是寫在過濾器裏面用 ‘ ,’ 隔開，

更加的像是調用函數，filterName（num1,num2,...）;

Vue.js 容許你自定義過濾器，可被用做一些常見的文本格式化。過濾器能夠用在兩個地方：mustache 插值和 v-bind 表達式。過濾器應該被添加在 JavaScript 表達式的尾部，由「管道」符指示；{{ message | filter }}

過濾器還能夠串聯：{{ message | filterA | filterB }}4:前臺展現的時候若是須要小數點的話儘可能把這個事情交給後臺去處理，直接更改數據，並不是咱們前端作不到，只是這個在前端使用value.toFixed()的時候會出現精度上面的損失，這個儘可能讓後臺處理一下數據。

結語：由於今天別的事情耽誤了，因此學習的東西比較少，暫時就分享到這裏。