1. 程式人生 > >vue的一些坑(第二天)

vue的一些坑(第二天)

作用 小童 過濾 文本 click rip col 官方 小數點

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

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()的時候會出現精度上面的損失,這個盡量讓後臺處理一下數據。

結語:因為今天別的事情耽誤了,所以學習的東西比較少,暫時就分享到這裏。

vue的一些坑(第二天)