[筆記] Vue3 + TypeScript + Jest 單元測試整合 2023
在上手開發一陣子後,總算是迎來撰寫單元測試的機會。由於測試工具的更迭速度比預期的快很多,這篇撰寫的當下是用 Vue3 + TS + Jest 來撰寫單元測試。 Read More …
點數旅行 留學 信用卡 程式學習
在上手開發一陣子後,總算是迎來撰寫單元測試的機會。由於測試工具的更迭速度比預期的快很多,這篇撰寫的當下是用 Vue3 + TS + Jest 來撰寫單元測試。 Read More …
Nuxt3 搭配 Bootstrap 5 當前並沒有如過 Vue2 時代有 BootstrapVue 完整統整好的套件,於是這邊筆記下如何導入既有的 CSS 專 Read More …
Element UI 中相當好上手的標籤 tag 元件,由於高度和 white-space 並沒有那樣彈性,導致放到表格中想讓其依照表格大小進行自動換行會出現異 Read More …
Vue3 的 Keep-alive 可以讓元件得以暫存,不過使用上若搭配 vue-router 進行頁面快取時,在頁面的名稱上會需要注意一下。 重點 1. 透過 Read More …
Google Analytics 通用版即將在 2023 年 7 月終止服務,於是便有了在現有的 Vue 專案導入 GA4 的需求。在 Vue 中已經有方便容易 Read More …
隨著 Nuxt3 的正式版本上線,那就該來針對 Nuxt3 寫一個專屬於自己的範本,讓自己後續的專案能夠快速的引用。與 Nuxt2 相比,Nuxt3 有不小的改 Read More …
近期在 Vue 專案中於編輯頁面,要判斷使用者是否離開或是關閉頁面,並跳出提示訊息。這邊筆記下原理和程式碼。 內容 1. 透過 Vue-Router 或是一般連 Read More …
Vue3 中若使用 reactive 來執行響應式操作,雖說可以達成監聽深層數據 ( 背後是用 Proxy ) 的目的,但一不小心就會讓響應式的功能失效。這邊筆 Read More …
在 Vue3 中的響應式已經改由 Proxy 來進行,不過當要取得 [ Proxy ] 物件內的 Target 的值,總是要透過 JSON.stringify( Read More …