這篇文章主要介紹了使用vue.js需要注意哪些事項(xiàng)，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
使用vue.js需要注意：1、過濾器主要用于簡單的文本轉(zhuǎn)換；2、computed和methods的區(qū)別；3、key的使用；4、數(shù)組的使用；5、組件的使用；6、組件通信。
使用vue.js需要注意以下問題：
1、過濾器主要用于簡單的文本轉(zhuǎn)換，如果要實(shí)現(xiàn)復(fù)雜的數(shù)據(jù)變換，應(yīng)使用計(jì)算屬性
2、指令的使用
v-bind基本用于HTML元素上的屬性，如id、class、href、src等
v-on用來綁定事件監(jiān)聽器，如click、dblclick、keyup、mousemove等，method內(nèi)的this指向的是當(dāng)前Vue實(shí)例
v-show不能使用在template上
- v-if 和 v-show使用場景
v-if 條件為false則不會編譯渲染元素。v-show只是簡單的CSS屬性切換，無論true/false，都會編譯。v-if適合條件不常改變的場景v-show適用頻繁切換條件
3、computed和methods的區(qū)別
methods有括號（），computed不帶括號。
computed是基于它的依賴緩存，只有相關(guān)依賴發(fā)生改變時(shí)才會重新取值。
methods在重新渲染的時(shí)候，函數(shù)總會重新調(diào)用執(zhí)行。
4、key的使用
Vue渲染元素時(shí)，考慮效率，會盡可能復(fù)用已有的元素。此時(shí)需要在被重用的元素加上key屬性
5、數(shù)組的使用
filter()、concat()、slice()不會更改原數(shù)組，將返回一個(gè)新數(shù)組
用新數(shù)組替換原數(shù)組，無性能影響。Vue渲染時(shí)，會盡量復(fù)用DOM元素
部分?jǐn)?shù)組變動無法被Vue檢測到，并更新視圖
app.books[3]={}app.books.length=1以上情況可以分別使用Vue.set和app.books.splice(1)處理
6、組件的使用
重慶分公司
重慶分公司