![[筆記] React 與 Vue 的實作思維轉換筆記](https://smlpoints.com/wp-content/uploads/notes-react-hooks-ch1-ch2-1.jpeg "[筆記] React 與 Vue 的實作思維轉換筆記")
[筆記] React 與 Vue 的實作思維轉換筆記
身為一個 Vue 的長期用戶，在轉換 React 的寫法時有一些思維模式的對照會需要釐清。這邊筆記下相關內容。 內容 1. v-for 語法會用 JavaScr Read More …
標籤: vue
![[筆記] 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 …
![[筆記] Element Plus 搭配 Vue-i18n 且符合 TypeScript 檢查的寫法總結](https://smlpoints.com/wp-content/uploads/notes-element-ui-customized-table-border-layout-1.jpg "[筆記] Element Plus 搭配 Vue-i18n 且符合 TypeScript 檢查的寫法總結")
[筆記] Element Plus 搭配 Vue-i18n 且符合 TypeScript 檢查的寫法總結
近期在自行二次封裝 Element UI 的表格時，遇上了 TypeScript 檢查和 Vue-18n 功能要能夠同時通過的情形。這邊筆記下可用的解法。 內容 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 + TypeScript + Jest 單元測試整合 2023
在上手開發一陣子後，總算是迎來撰寫單元測試的機會。由於測試工具的更迭速度比預期的快很多，這篇撰寫的當下是用 Vue3 + TS + Jest 來撰寫單元測試。 Read More …
![[筆記] 前端本機開發時搭配簡易 nginx 來避免 CORS](https://smlpoints.com/wp-content/uploads/notes-localhost-dev-nginx-avoid-cors-1.jpg "[筆記] 前端本機開發時搭配簡易 nginx 來避免 CORS")
[筆記] 前端本機開發時搭配簡易 nginx 來避免 CORS
雖說前端的開發工具如 vue-cli, vite… 等都已經有內建 dev Server 來幫助你解決 CORS 問題，但這回想說用 nginx 來 Read More …
[筆記] Element Plus UI 將 el-tag 的文字變成可依照大小「自動換行」
Element UI 中相當好上手的標籤 tag 元件，由於高度和 white-space 並沒有那樣彈性，導致放到表格中想讓其依照表格大小進行自動換行會出現異 Read More …
[筆記] Vue3 Keep-alive 的操作注意事項
Vue3 的 Keep-alive 可以讓元件得以暫存，不過使用上若搭配 vue-router 進行頁面快取時，在頁面的名稱上會需要注意一下。 重點 1. 透過 Read More …
[筆記] Vue 監聽頁面離開、關閉的方法
近期在 Vue 專案中於編輯頁面，要判斷使用者是否離開或是關閉頁面，並跳出提示訊息。這邊筆記下原理和程式碼。 內容 1. 透過 Vue-Router 或是一般連 Read More …
