開始學語法 使用這個網站邊學邊做，比較看得懂教學網站 reactive()能在改變時觸發更新的狀態被稱作是響應式的。可以使用 Vue 的 reactive() API 來聲明響應式狀態。reactiv...
解析網頁動效設計三大核心流程 偷偷告訴你，動效真的不難！Vue 的過渡類別是我的小秘技，簡單又實用！ 今天帶你輕鬆學會，讓每個進場和離場的效果都那麼順滑～ 直覺設計的重要性 在網站開發中，使用者無...
終於進入到實戰演練的環節，拿出我們前天建立好的專案，準備來練習To Do List！◎題外話：今天原本感覺時間很充裕，還在慢慢刻樣式…結果也花太多時間在喬css了吧！（吐血～不得已只好分成上下篇…）...
大家好！承前兩天，我們使用 Vite 建置了 Vue 專案，並且理解了它的資料夾結構，今天一起來更深入看一下這個專案是怎麼「組」起來的。 從 App.vue 根組件來看 App.vue 中可以看到 S...
目錄 模板語言更新實際網頁 DOM 元素流程 文字插值(Text Interpolation) Vue 指令介紹 v-text：更新元素的文本內容，不解析HTML v-html：更新元素的內容，會...
甚麼是vue 是一個用於建立使用者介面的 JavaScript 框架。它建構在標準 HTML、CSS 和 JavaScript 之上，並提供聲明性的、基於元件的程式設計模型，幫助您有效率地開發任何複雜...
目錄 Vue 應用說明 Options API 與 Composition API 邏輯區塊寫法差異 Options API 特色說明 Composition API 特色說明(官方推薦 Comp...
昨天我們已經把一個最簡單的 Vue 專案在本地 run 起來了（請為自己掌聲鼓勵）⋯⋯今天一起看一下這個專案的資料夾結構吧！ 專案主結構 行前通知 由於這個專案是用 Vite 建置起來的，所以接下來介...
接續上一篇著重在Vue響應式系統的reactive() 使用，也理解它主要是針對物件型態資料做響應式資料綁定，今天一口氣來理解另一個Vue提供的響應式資料API-ref() 今日學習重點 : ref(...
一直以來都是用 bland.php 做使用者介面操作，今天要來正式做前端改用框架與後端橋接的流程，以下是相關的流程重點並記錄實作過程。 安裝和設定 Vite：配置 Vite 以支援 Vue。 建立和...