計算屬性(補充) 示例 模板中的表達式雖然方便，但也只能用來做簡單的操作。如果在模板中書寫太多邏輯，會讓模板變得臃腫，難以維護。例如說，我們有這樣一個包含嵌套數組的對象： const author =...
響應式基礎補充 討論:為何要使用ref()而非普通的變量? 為什麼我們需要使用帶有 .value 的 ref，而不是普通的變量？ 當你在模板中使用了一個 ref，然後改變了這個 ref 的值時，Vue...
在現代前端開發中，Vue 3 和 TypeScript 的結合成為了許多開發者的首選。這是因為 TypeScript 提供了靜態類型檢查功能，讓程式碼更具可讀性和可維護性，並能及早捕捉錯誤，提升開發效...
上次介紹插槽時有看到v-for渲染的案例，v-for是Vue官方提供的列表渲染(List rendering)指令之一，可以用來遍歷陣列或對象，在模板中生成一组相同結構的元素，使用起來滿簡單，但是實務...
Vue語法統整來到了最後一篇章，今天要來探索更複雜的資料處理是要如何做到？除了介紹到computed計算屬性，也要來了解watch的使用時機！那麼，就讓我們直接看下去吧！ 本系列任務：改寫過程回顧常用...
嗨一大家，記得之前我們在屬性綁定章節，有講到 CSS 樣式可以使用 v-bind 屬性綁定樣式嗎～ 但官方文件後來卻提到了： 但是，在處理比較複雜的綁定時，通過拼接生成字符串是麻煩且易出錯的。因此，...
<input> 作為表單控制元素，是網頁開發中最常見的元素之一。<input> 的不同 type 設定會影響顯示的 UI，以及它所代表的含義與功能。 在這裡，我們將使用先前...
3D 翻轉卡片特效來襲，用 Vue.js 掌控全場，玩轉視覺與互動的完美結合！ 嘿～準備好見證魔法般的 3D 翻轉效果了嗎？今天，我們要用 Vue.js 玩出前所未見的翻轉卡片特效，讓你的網站從平...
昨天重新回顧了我們在練習作品中常用的Vue語法及語法組成架構，今天再來接續介紹：還有哪些在我們這次改版練習ToDoList中遇到的常用屬性？ 本系列任務：改寫過程回顧常用語法 基本上就是要來驗收前幾天...
目錄 ref 屬性搭配第三方 Boostrap Modal 使用 ref 屬性搭配 Video Web API 使用 v-for 搭配陣列儲存 ref 屬性使用 動態 ref 屬性綁定方法 組件實...