vue 中 splice的用法 工作總結

2021-08-13 19:43:54 字數 696 閱讀 4021

在程式開發過程中,所有的bug都可以通過除錯解決.解決不了,說明你的知識體系不全面

本次要說的是vue template開發的**

乙個頁面中引用了多個template,既父元件引用了多個子元件.當顯示乙個子元件就要將另乙個子元件隱藏起來.

我們可以使用兩種方法:v-show和v-if

1.v-show 是用於頁面的展示相當於display:none,頁面載入時,使用v-show的控制項頁面被載入,只是不顯示.

注意:v-show不支援元素,也不支援v-else

2.v-if是真正的條件渲染,只有滿足條件的控制項才會被載入,否則不會被載入.如果初始化條件為假,則什麼也不做-知道條件第一次變為真時才會開始渲染條件快.

一般來說,v-if有更高的切換開銷,而v-show 有更高的初始渲染開銷.因此,如果需要非常頻繁的切換,則使用v-show較好;如果在條件較少改變,則使用v-if較好.

使用template,頁面跳轉或初始化時,個人認為,使用ref呼叫子函式方法要比使用watch監聽的方法好。

使用watch監聽,會監聽多此次,也會發出多次請求,對**的效能會有所降低。而使用ref呼叫時,只執行一次。

當初始化陣列時,將陣列清空,

example1.items.splice(newlength)
或者使用 items = ;

不清空陣列,就會產生陣列,疊加

Vue中splice的使用

index 陣列開始下標 len 替換 刪除的長度 item 替換的值,刪除操作的話 item為空 刪除起始下標為1,長度為1的乙個值 len設定1,如果為0,則陣列不變 var arr a b c d arr.splice 1,1 console.log arr a c d 刪除起始下標為1,長度...

vue中splice的使用

splice index,len,item 它也可以用來替換 刪除 新增陣列內某乙個或者幾個值 該方法會改變原始陣列 index 陣列開始下標 len 替換 刪除的長度 item 替換的值,刪除操作的話 item為空 刪除 刪除起始下標為1,長度為1的乙個值 len設定1,如果為0,則陣列不變 va...

VUE中splice的使用

一,簡介 splice index,len,item 它也可以用來替換 刪除 新增陣列內某乙個或者幾個值 該方法會改變原始陣列 二,用法 1 刪除 刪除起始下標為1,長度為1的乙個值 len設定1,如果為0,則陣列不變 var arr a b c d arr.splice 1,1 console.l...