在程式開發過程中,所有的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...