![[筆記] Vue3 TypeScript Vite 多頁面模版製作開發心得](https://smlpoints.com/wp-content/uploads/notes-vue-2-with-typescript-1.png "[筆記] Vue3 TypeScript Vite 多頁面模版製作開發心得")
[筆記] Vue3 TypeScript Vite 多頁面模版製作開發心得
這回工作上遇到的「既有專案翻新」，因前人已有用 Vite + Vue3 翻新眾多傳統 HTML 頁面的其中一頁，有機會來製作個「Vue3 TypeScript Read More …
標籤: vue3
![[筆記] Vue3 元件更新 Component Update](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue3 元件更新 Component Update")
[筆記] Vue3 元件更新 Component Update
筆記一下 Vue3 開發時，必備的一些讓元件自動或是手動觸發更新的技巧。 內容 自動更新 1. 使用 watch [crayon-69880e85382e815 Read More …
[筆記] Vue3 Teleport Drawer 抽屜實作心得
React 中可用 Portal 將 React 的內容掛到預設的根節點以外的地方，在處理彈出視窗、抽屜、下拉選單…等用途上非常好用。Vue3 的 Read More …
![[筆記] Vue3 + Vite 與 Bootstrap5 合用 Unocss](https://smlpoints.com/wp-content/uploads/notes-vue3-vite-with-bootstrap5-and-unocss-1.jpg "[筆記] Vue3 + Vite 與 Bootstrap5 合用 Unocss")
[筆記] Vue3 + Vite 與 Bootstrap5 合用 Unocss
原先的專案是使用 Bootstrap 5 並搭配巢狀的 scss 設置，不過隨著工具類的 css 撰寫工具如 Tailwind css 的興起，想說看能否與既有 Read More …
[筆記] Vue 2 升級 Vue 3 + Vite 心得 – 2
承接上篇 [筆記] Vue 2 升級 Vue 3 + Vite 心得 – 1 ，這篇筆記下轉換成 Composition API 以及補上 Type Read More …
[筆記] Vue 2 升級 Vue 3 + Vite 心得 – 1
近期手邊有一個簡易用 vue-cli 建立的舊 Vue 2 項目，想說將其升級為 Vue 3 + Vite ，並改用 pnpm 且加上 TypeScript。這 Read More …
![[筆記] 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 單元測試重點整理
近期因開發需要，開始替自行封裝的套件撰寫單元測試。由於 Vue3 的相關內容較少，這邊筆記下一些撰寫時要有的重點和常見誤區。 內容 開發環境準備 請根據 Vue Read More …
