開啟Vue知識點彙總之路(二)

2021-09-12 15:42:16 字數 711 閱讀 9910

v-for通常都是對一組列表資料進行渲染。

迭代陣列

v-for="item in list"

v-for="(item,i) in list" //i為陣列索引

} }

迭代物件

迭代數字

in後可加普通陣列,物件陣列,單個物件,也可加數字,計數從1開始

(eg:v-for=「count in 10」,迴圈十次,從1開始計數 )

key屬性:v-for迴圈時使用,只能用number,且必須以v-bind屬性繫結形式:key=「list.id」

v-if和v-show都能控制頁面元素的顯示和隱藏,然而這兩者控制的方法是有區別的。

v-if是動態的向dom樹內新增或者刪除dom元素,有較高的切換效能消耗。

v-show本質就是標籤display設定為none,控制隱藏,具有較高的初始渲染消耗。

所以,在切換頻繁時一般選擇v-show而元素可能不會被看到的時候會選擇v-if。

對於這兩個指令,我覺得對於效能來說可能v-show好一點,因為只需要編譯一次,後面的切換都是通過css來控制的,但是v-if更靈活一點 ,如下**所示,v-if可以根據條件顯示與不顯示某些內容。

}

}

注v-show 不支援語法,也不支援 v-else。

java知識點彙總之四容器

list,queue set 繼承於colletion 而colletion 繼承於iterable list 以特定順序儲存一組元素,實現 list 介面有 arraylist 長於隨機訪問元素,但是在 list 中插入和移除元素比較慢 linkedlist 在list 中插入和移除元素比較快,提...

vue2 0知識點彙總

vue簡介 資料流vue例項物件 vue常用指令 class結合v bind使用 methods 和 v on的使用 v on高階用法 v for的使用 簡單學生新增刪除案例 父子元件使用父傳子 父元件向自元件傳遞資料 子元件向父元件通訊vuebus vue高階 vue過濾器 獲取dom元素 vue...

套裝二《知識點彙總》

isr副本同步機制 副本同步佇列 分 時 日 月 周 crontab檔案的一些例子 3021 sqoop export.sh 上面的例子表示每晚的21 30重啟apache。454 上面的例子表示每月1 10 22日的4 45重啟apache。101 上面的例子表示每週 六 週日的1 10重啟apa...