收錄了 10 篇相關文章
一個專案的目錄結構其實非常的重要，為什麼呢？對於你管理與維護專案來說，良好的結構可以讓你知道什麼東西該放哪、什麼東西該怎麼找，接著搭配 README.md 文件的說明，就可以有效讓其他開發者快速上手你的專案，這也是變相管制程式碼品質的一種方式。
許多開發者都會搭配著 AI 工具（Claude Code、Gemini、Copilot 等）來協助撰寫程式碼，而在 Vue 的單檔元件（Single File Component, SFC）中，常常會遇到一些困擾，所以這邊就來分享一個不同的做法，也就是自訂一個 <spec lang="md"> 標籤，來讓我們能夠在 SFC 中更舒服地使用 AI 工具來開發。
如果你是一名 Vue 開發者，相信你一定格外熟悉 ref 這個響應式 API，但是你知道嗎？其實除了 ref 之外，你還可以用另一種 API 來宣告響應式變數，那就是 shallowRef，而 shallowRef 與 ref 有什麼不同呢？就讓我們來認識一下吧！
最近在跟朋友聊 Vue Composition API 的時候，順便翻了一下官方文件，剛好看到一個區塊滿有趣的就順便寫一篇文章來記錄哩。
在 Vue 3 的 Composition API 中，我們可以透過 ref 與 reactive 來建立一個響應式的資料，但是這兩者差異在哪裡呢？所以我就寫了這一篇文章來簡單探討一下這兩者的差異在哪邊。
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ
在 Vue 中，我們可以使用 v-html 來將 HTML 字串轉換成 DOM 元素，但是這樣會有一個問題，就是容易受到 XSS 攻擊，因為我們無法確保使用者輸入的內容是否安全，所以我們需要對使用者輸入的內容進行過濾，避免惡意的腳本被執行。
最近朋友私訊問了我一個 Vue 有趣的地方，是關於它嘗試在 Vue 的 Single-File Components 上使用 Higher-Order Function（HOF）結果卻發生一個很有趣的雷點，所以就來寫一篇文章來分析一下這個問題。
最近改用新版的 Volar 之後打開一個新專案卻出現「Virtual script not found, may missing script lang="ts" / "allowJs": true / jsconfig.json.volar」的錯誤，所以這一篇記錄一下問題跟解決方式。
這一篇文章算是稍微記錄一下 Vue 關於 Props 單向資料流的有趣狀況以及該如何解決。
這邊稍微記錄一下該如何正確地在 Vue Cli 或 Vite 中引入圖片，因為這個問題其實很常見也很容易搞錯，所以就乾脆寫一篇記錄一下。
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ