經歷了前面幾篇文章，讀者大概已經對框架有最基本的認識。 我們來 "Get our hands dirty"，開始寫扣吧！ 建構 Vue 框架的幾種方式 建立起 Vue 的開發環境有...
上一篇介紹完了v-bind、v-on及v-model的用法，今天會繼續和大家介紹其他常用的 Vue 指令。 v-for 如同大家熟悉的 forEach ，用於迭代陣列或物件中的元素，可以用來渲染列表、...
V06_在Vue之前_必備的JS基礎(3)_DOM元件及樣版文字的操作 今天來了解一下將陣列及物件的操作應用在網頁DOM的操作上，並結合jQuery的語法 DOM的操作 首先要使用jQuery, 先要...
Vue 3 使用 Master CSS 1. 建立一個 Vue.js 專案 使用 create-vue 建立一個 Vue 專案，並切換至專案目錄安裝相關依賴。 npm create vue@lates...
Componemts 定義：Component本身是一個構造函數, 在 Vue.extend()時生成的在 Vue.js中可以看到, Vue.extend在調用的時候就會建立一個函數 VueCompo...
在進入 Vue3 之前，先讓我們先聊一下跟著 Vue3 一起出的建置工具 Vite 吧 相信有用過 Vue-cli 的朋友都知道 Vue-cli 的建置速度可以說是一言難盡，並且 Vue-cli 的熱...
今天本來該寫 Conditional Rendering 的部分，然而實在有點卡住。 他的大意是當頁面有新增或移除 element 的時候，如果 condition 為 true，則新增，反之則移除。...
此篇 API 部分主要紀錄如何建立簡易的 API 供專案發送網路請求用。 (1)安裝 json-serverjson-server 利用 Node.js 提供的伺服器能力，快速在本地端建立虛擬 RES...
在前端和後端開發中，常見的路由器（router）是指用於管理和處理網絡請求的工具或組件。這些路由器有不同的用途和實現方式，但它們的主要目標都是將請求路由（route）到正確的處理程序或頁面。 前端路由...