Vue知識點小小小總結

2021-09-26 09:14:57 字數 1610 閱讀 3379

1、原理性:

2、vue的一些指令:

3、計算屬性、偵聽屬性、方法的比較

偵聽屬性

方法methods

4、元件的註冊

5、元件生命週期

​ 1、生命週期的概念:

​ vue中的生命週期指的是元件從建立到銷毀乙個過程,在這個過程中,我們在每乙個特定的階段會觸發一些方法( 這些方法具備一些功能),我們給這些方法起了個名字叫做生命週期鉤子函式(元件鉤子 )。

​ 2、為什麼要學習生命週期?

​ 因為我們想在生命週期鉤子中實現專案功能,那麼我們必須知道每乙個鉤子函式的具體用途。

​ 3、vue生命週期的三個階段:

​ vue的生命週期分為三個階段,分別為: 初始化,執行中 和 銷毀,一共8個鉤子函式。

注意: 生命週期鉤子函式不允許寫成箭頭函式,因為這裡使用箭頭函式就會改變this的指向

執行中:

銷毀:用來做善後的,比如計時器的關閉、第三方例項的刪除

銷毀分為內部銷毀和外部銷毀,外部用開關、v-if,這種比較徹底,vue的資料和dom外殼都被銷毀;內部銷毀用的$destory()方法,這種只能銷毀資料,沒有銷毀dom結構外殼,這時需要dom操作去除外殼。

6、元件通訊

多元件通訊:vuex

7、vue-router 路由 目前已3.0.7版本

錯誤路由

路由匯出 export default

命名路由 name

路由導航

路由展示

動態路由、路由傳參、路由接參:to=", query: }"程式設計式導航:push、replace區別 push有歷史記錄,replace沒用,作用像回退兩層

路由導航守衛(路由監聽)

路由獨享守衛:beforeenter()

元件內守衛:

8、過渡和動畫:元件庫 animate.css

9、vue的前端渲染和後端渲染 nuxt.js伺服器端渲染,seo搜尋引擎優化

10、:key的必要性 用作vdom的diff演算法同級比較,

11、虛擬dom和diff演算法(render函式、patch補丁物件)

12、前端框架級的資料請求方式

- axios:封裝好的第三方庫

- fetch:原生,需先資料格式化

13、vue的腳手架cli:快速構建專案環境

14、webpack:

loader轉換器

plugin

15、vue.config.js覆蓋webpack的配置檔案

> 路徑別名、反向**、語法檢測關閉
16、vuex的狀態管理模式

- vue.component->actions->mutations->state->vue.component

- 四個輔助工具:mapstate mapgetters mapactions mapmutations

電路 小小知識點 邏輯門

邏輯門 logic gates 是在積體電路 integrated circuit 上的基本元件。簡單的邏輯門可由電晶體組成。這些電晶體的組合可以使代表兩種訊號的高低電平在通過它們之後產生高電平或者低電平的訊號。高 低電平可以分別代表邏輯上的 真 與 假 或二進位制當中的1和0,從而實現邏輯運算。目...

Vue 知識點總結

1.mvvm?對比mvc mvvm model view viewmodel model 資料模型,可以定義資料修改和操作的業務邏輯 view ui元件,將資料元件轉換成ui展示 viewmodel 同步view和model的物件 view和model沒有直接的聯絡,通過viewmodel進行互動,...

Vue知識點總結

框架與庫的區別 jquery庫 dom操作 http請求 全家桶 如何起步 插值表示式 常用指令 全域性元件 場景 公共性功能元件,減少冗餘 全域性api vue.component 元件名 元件物件 過濾器 給資料的顯示進行操作,如反轉,改變屬性等 filter 全域性過濾器,vue.filter...