目錄 Vue 應用說明 Options API 與 Composition API 邏輯區塊寫法差異 Options API 特色說明 Composition API 特色說明(官方推薦 Comp...
昨天我們已經把一個最簡單的 Vue 專案在本地 run 起來了（請為自己掌聲鼓勵）⋯⋯今天一起看一下這個專案的資料夾結構吧！ 專案主結構 行前通知 由於這個專案是用 Vite 建置起來的，所以接下來介...
接續上一篇著重在Vue響應式系統的reactive() 使用，也理解它主要是針對物件型態資料做響應式資料綁定，今天一口氣來理解另一個Vue提供的響應式資料API-ref() 今日學習重點 : ref(...
一直以來都是用 bland.php 做使用者介面操作，今天要來正式做前端改用框架與後端橋接的流程，以下是相關的流程重點並記錄實作過程。 安裝和設定 Vite：配置 Vite 以支援 Vue。 建立和...
本章節是實作範例的前哨站，我們將接續使用上篇後半段建立的專案練習。不過，在開始寫code之前，先來搞懂Vue專案結構！ ├── public | └── favicon.ico ├── src |...
在 Vue 3 框架中，組件化是構建應用程式的核心概念之一。通過將應用程式分解為更小的組件，不僅可以提高代碼的可重用性，還能簡化代碼的維護與管理。然而，隨著組件數量和應用規模的增長，如何實現組件間的有...
上次有提到JS defineProperty(ES5)可以針對物件設定屬性時，同時追加一層攔截器(getter/setter)。 在 Vue 2 中，響應式系統就是依賴於 Object.defineP...
專案建置(Vite) 今天來使用第二種方式建置專案 一樣到vs終端機接著輸入yarn create vite 輸入專案名稱及套裝名稱 選擇vue 選擇javascript 打開專案資料夾(vite+v...
在 Vue 3 中，生命周期鉤子是一個重要的概念，讓開發者能夠在不同階段對組件進行操作。這些鉤子函數會在 Vue 組件的不同生命週期階段被調用，這使得開發者可以控制初始化、數據更新、渲染和銷毀組件的過...
經過前兩天的介紹，小菜菜已有大致了解 Vue 的概念了，今天來嘗試遵循官方文件的步驟，看看如何把一個最基本的 Vue 專案在本地 run 起來！兩種方法：CLI、CDN 都來試試看～ 使用 CLI 行...