vue的一些坑和技巧

循環中img src標籤調用失敗

<li v-for='item in data'>
<img src='{{item.imgUrl}}' alt='{{item.name}}'>
</li>

這樣使用src不會顯示，要使用v-bind:src='item.imgUrl',具體不知道爲啥，應該只是src很差用，後面的alt加大括號卻沒有問題

vue實現切換樣式(導航高亮)

情景：一個通過vue循環出來的導航列表，實現點擊誰誰高亮，其餘高亮的樣式消失

jq實現的話一行代碼足以

$(obj).click(function(){
    $(this).addClass('on').siblings().removeClass('on');
})

//針對後續渲染的dom能夠使用on()
$(obj).on('click',obj,function(){
    $(this).addClass('on').siblings().removeClass('on');
})

若是使用vue來實現的話咱們須要定義一個初始值爲0的變量，點擊導航的方法傳入一個index的參數，讓剛纔定義的變量的值等於傳進來的index，html結構上根據index來判斷顯示的class名稱,若是flag的值域當前的index相同就顯示高亮樣式，下面是代碼示例：
https://jsfiddle.net/zhoou/d6...

判斷v-model傳入的值類型是數字

v-model傳入的值默認類型是字符串，若是項目中須要根據v-model的值的類型來執行一些操做就比較麻煩，，好比判斷用戶輸入的是否爲數字能夠使用isNaN()方法,isNaN():判斷數值爲非數字。

vue數據更新

數據更新包括數組更新和對象更新，這兩個是有區別的，數組不能夠使用索引的形式觸發視圖更新，而數組內的對象能夠使用索引值的形式觸發視圖更新，數組的更新和編輯能夠藉助Vue.set或者splice(),對象的編輯能夠藉助vue.set
例子：https://jsfiddle.net/zhoou/8e...
寫過項目以後理解得更深一些，回頭看下文檔發現vue文檔寫的很清楚。

富文本上傳自動轉碼問題

發送請求時將content-type的默認值application/x-www-form-urlencoded改成application/json
https://segmentfault.com/q/10...