《vue全套學習教程》聽課筆記

2021-08-18 13:17:30 字數 993 閱讀 8211

1.理清楚檔案目錄結構:

main.js:入口檔案

注意:載入的檢視名字與元件名字一樣

index.html的:

2.乙個元件的組成部分:

(1)。《模板》

(2)。相當於js檔案,行為層

(3)。《風格》

3. 《模板》

在《模板》中只能存在乙個根元件

4.v秀:與v-如果的效果類似,他們的區別是:

v-如果是真正的條件渲染,他會確保在切換的過程中條件塊內的事件***和子元件適當的被銷毀和重建

v-如果同時是惰性的,如果在初始渲染時條件為假則什麼也不做,直到條件第一次變為真時,才會開始渲染條件塊。

而v-顯示不管初始條件是什麼,元素總是會被渲染,並且只是簡單的進行的css切換。

一般來說,v-如果有更高的切換開銷,而v-顯示有更高的初始渲染開銷。因此我們需要根據實際情況來選擇用哪乙個。

如果切換頻繁,建議用v-顯示,如果在執行時條件很少改變,則使用v-如果較好。

5.用鑰匙管理可復用的元素

使用v-bind:key =「index」,

為了給vue乙個提示,以便它能跟蹤每個節點的身體,從而重用和重新排序現有元素,你需要為每項提供乙個唯一的key屬性。值是每項都有唯一id。這個特殊的屬性相當於vue 1.x的track-by,但它的工作方式類似於乙個屬性,所以你需要用v-bind來繫結動態值。建議盡可能使用v-for來提供key,除非迭代dom內容足夠簡單,或者你是故意要依賴於預設行為來獲得效能提公升。因為它是vue識別節點的乙個通用機制,key並不特別與v- for關聯, key還具有其他用途。

6.v換的使用:指定對於的

陣列

進行渲染,使用中的專案項的語法

(item,index)in專案:可以輸出下標

從入門到放棄,全套Vue精選教程分享

前端開發者對vue使用頻率也越來越高。而且vue相對於其他前端框架更加易於上手,還可以與第三方庫或者既有專案整合,同時為單頁應用提供驅動。用目前行業的黑話 不會vue的前端不是合格的前端工程師 既然都來到了2020年,前端技術在不斷更新換代,今天小千就為大家提供 2020千鋒vue全套教程全開源 的...

機器學習全套教程(一) 資料集

python爬蟲人工智慧教程 www.python88.cn 程式設計資源網 www.python66.cn 應用 kaggle uci資料集 scikit learn 1 scikit learn工具介紹 2 安裝 pip3 install scikit learn 0.19.1安裝好之後可以通過...

全網最全C語言 C 全套學習教程

基本思想 氣泡排序 bubble sort 是一類 交換 類排序方法,類似水中冒泡,最大的資料會沉到水底,較小的數會浮上來。很簡單,以從小到大排序為例,每一趟排序將 逆序 前乙個元素比後乙個元素大 相鄰兩個資料元素交換,這樣就會將最大的元素交換到 最後 的位置,氣泡排序每趟子排序過程都會將當前 最大...