Vue遇到的注意點總結 1

1.vue無法檢測陣列項的修改

通過索引更改陣列中某一項時不會觸發重新整理

this

.items[3]
=;//不會觸發更新

1.使用vue.set()方法

2.通過splice()方法的第三個引數修改內容

2.vue無法檢測陣列長度的修改

直接修改陣列length屬性不會觸發重新整理

this

.items.length =
2

使用splice方法

this

.items.
splice(2
)

例如ul的下級應該是li而不是其他標籤

4.不要使用template作為元件標籤名

使用『template』作為元件標籤名是無效的

5.每個元件都需要有根元素

元件若是有多個標籤，應該用乙個根元素去包括他們

例：

6.子元件的data使用函式的方式定義

定義方式分公有和私有

格式：私有：

data:

function()
}

var data =

//這句在元件外定義
data:
function()

乙個標籤裡同時存在v-for和v-if時，先執行for迴圈，再對迴圈的每一項做if判斷

8.盡可能使用v-for來提供 key

for=

'item in items'
:key=
'item.id'
>

10.computed中定義的函式只有依賴關係發生改變時才觸發渲染，否則返回快取上次結果

11.v-text不會渲染html標籤

以文字的形式原樣輸出。需要渲染標籤請使用v-html

12.使用v-pre指定不需要渲染的元素，減少編譯時間

Vue之不常注意的點

this.nexttick vue.nexttick 的作用 在某個動作有可能改變dom元素結構的時候，對dom一系列的js操作都要放進vue.nexttick 的 函式中 你在vue生命週期的created 鉤子函式進行的dom操作一定要放在vue.nexttick 的 函式中。原因是什麼呢，原因...

cesium注意點彙總 遇到的點隨時更新

在vue框架整合cesium使用的時候，cesium.viewer最好掛載在window或者vue的原型鏈上面，避免將viewer掛載在元件data上，以優化記憶體 viewer的配置項 window.viewer newthis.cesium.viewer cesiumcontainer 移除圖層...

vue元件劃分注意點

如何實現元件化 基礎元件主要指那些本身不包含任何業務邏輯 可以被輕鬆復用的元件，例如 picker timepicker toast dialog actionsheet 等等.基礎元件的通訊基本就是往元件傳入 prop，並監聽元件 emit 的事件。業務元件主要指那些包含業務邏輯，包括一些與後端介...