![[筆記] Jest 測試 – 取得 transition-group 的內容](https://smlpoints.com/wp-content/uploads/notes-jest-content-in-describe.jpg "[筆記] Jest 測試 – 取得 transition-group 的內容")
[筆記] Jest 測試 – 取得 transition-group 的內容
撰寫 Vue 的測試時，遇上要取得用 transition-group 包裹的內容。這邊筆記下取得的方式。 內容 由於動畫效果是需要計時的，所以要善用 Jest Read More …
標籤: vue3
![[筆記] Vue3 + Jest 的 Unit Test 單元測試重點整理](https://smlpoints.com/wp-content/uploads/notes-vue-2-with-typescript-1.png)
[筆記] Vue3 + Jest 的 Unit Test 單元測試重點整理
近期因開發需要，開始替自行封裝的套件撰寫單元測試。由於 Vue3 的相關內容較少，這邊筆記下一些撰寫時要有的重點和常見誤區。 內容 開發環境準備 請根據 Vue Read More …
![[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例")
[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例
對 Element-Plus 的套件進行二次封裝後，撰寫 Unit Test 來讓元件的可靠性提昇是個不錯的作法。這邊筆記下撰寫封裝第三方套件的 Unit Te Read More …
[筆記] Vue3 SPA 網頁與 Docker
這是 Vue 的一個長年疑問。準確來說是 Single-Page Application SPA 網頁應用，究竟有什麼方式可以取得 runtime 的變數，而不 Read More …
[筆記] Vue3 + TypeScript + Jest 單元測試整合 2023
在上手開發一陣子後，總算是迎來撰寫單元測試的機會。由於測試工具的更迭速度比預期的快很多，這篇撰寫的當下是用 Vue3 + TS + Jest 來撰寫單元測試。 Read More …
![[指南] Nuxt3 整合 Bootstrap 5 的方法 – 包含 Popper.js](https://smlpoints.com/wp-content/uploads/notes-nuxt-js-1-1.png "[指南] Nuxt3 整合 Bootstrap 5 的方法 – 包含 Popper.js")
[指南] Nuxt3 整合 Bootstrap 5 的方法 – 包含 Popper.js
Nuxt3 搭配 Bootstrap 5 當前並沒有如過 Vue2 時代有 BootstrapVue 完整統整好的套件，於是這邊筆記下如何導入既有的 CSS 專 Read More …
![[筆記] Element Plus UI 將 el-tag 的文字變成可依照大小「自動換行」](https://smlpoints.com/wp-content/uploads/notes-element-ui-customized-table-border-layout-1.jpg "[筆記] Element Plus UI 將 el-tag 的文字變成可依照大小「自動換行」")
[筆記] Element Plus UI 將 el-tag 的文字變成可依照大小「自動換行」
Element UI 中相當好上手的標籤 tag 元件，由於高度和 white-space 並沒有那樣彈性，導致放到表格中想讓其依照表格大小進行自動換行會出現異 Read More …
[筆記] Vue3 Keep-alive 的操作注意事項
Vue3 的 Keep-alive 可以讓元件得以暫存，不過使用上若搭配 vue-router 進行頁面快取時，在頁面的名稱上會需要注意一下。 重點 1. 透過 Read More …
[筆記] Vue3 加入 Google Analytics 4 心得
Google Analytics 通用版即將在 2023 年 7 月終止服務，於是便有了在現有的 Vue 專案導入 GA4 的需求。在 Vue 中已經有方便容易 Read More …
