前端框架御三家之一的 Vue,在 2020 年第四季迎來的第三代版本,代號為 One Piece。雖說已略為上手 2.0 版,決定藉由 HiSKIO 2020 Vue3 專業職人 的課程,來加速自己的熟悉程度。這篇會筆記一些 Vue 3 實作中的實用小技巧。
課程相關資訊
[連結]:https://hiskio.com/courses/418/lectures/20696
本篇範圍:Chapter 2 ( Vuejs 實作中的小技巧 ) ,一共有 4 篇
請注意:本系列文章為個人對應課程的消化吸收後,所整理出來的內容。換言之,並不一定會包含全部的課程內容,也有可能會添加其他資源來說明。
筆記
1. computed 的方法預設是 get() 直接 return,你也可以客製化的設置 get() 和 set () 方法
2. onUnmounted 可以用於清除計時器、捲動事件、點擊事件,在切換頁面時相當好用。
3. Suspense 是正在討論的 Global Vue3 功能,可以讓你得以更方便的管理狀態。onErrorCaptured 是倚賴於 Suspense 功能的,他可以讓你抓取到 error
4. ::v-deep 的深度選取器也是一種修改前端套件樣式的一種方式