![[筆記] Vue 2 升級 Vue 3 + Vite 心得 – 1](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue 2 升級 Vue 3 + Vite 心得 – 1")
[筆記] Vue 2 升級 Vue 3 + Vite 心得 – 1
近期手邊有一個簡易用 vue-cli 建立的舊 Vue 2 項目，想說將其升級為 Vue 3 + Vite ，並改用 pnpm 且加上 TypeScript。這 Read More …
標籤: vue3
![[筆記] Element Plus Table 簡易封裝練習](https://smlpoints.com/wp-content/uploads/notes-element-ui-customized-table-border-layout-1.jpg "[筆記] Element Plus Table 簡易封裝練習")
[筆記] Element Plus Table 簡易封裝練習
雖說 Element Plus 其 el-table 搭配 el-column 已經算挺方便的，但在不同頁面中都要複製類似的程式碼再修修改改，效率上會變慢一些。 Read More …
![[筆記] 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 + 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 為例
對 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 的文字變成可依照大小「自動換行」
Element UI 中相當好上手的標籤 tag 元件，由於高度和 white-space 並沒有那樣彈性，導致放到表格中想讓其依照表格大小進行自動換行會出現異 Read More …
