系列文章
我的 Vue.js 筆記(11) - methods 方法
前言 今天聊聊 Vue 實體中的 methods， 中文叫做「方法」。 如同我們在說「物件的方法」一樣，Vue 世界如果說到「方法」，其實就是在講函式(func...
我的 Vue.js 筆記(12) - watched 監聽器
前言 今天來補完 Vue 資料加工的最後一塊拼圖，監聽器。 在 computed 的內容中有提到，如果在 computed 寫 set 語法，不要寫出有副作用的...
我的 Vue.js 筆記(13) - 指令
指令介紹 開始進入指令的章節，先前有提到，在 Vue 中，只要看到 v- 開頭的東西，就是指令。 指令的用途很多，例如：資料綁定、事件綁定、條件判斷、迴圈等等。...
我的 Vue.js 筆記(14) - 指令：v-bind
前言 今天來講 v-bind ，一個用來在 HTML 屬性綁資料的指令。 我們已經知道雙大括號的語法可以把「變數」綁在模板內，不過這個語法並不適用於 HTML...
我的 Vue.js 筆記(15) - 前言
前言 今天來聊聊 Vue 中事件的寫法。 基本語法 如果你有看過怎麼在 HTML 寫事件，那你對於 Vue 提供的事件語法應該會很熟悉。 <div onc...
我的 Vue.js 筆記(16) - 指令：v-model
前言 我們已經知道使用雙大括號，可以把資料綁到模板上，並且在 程式中 操作資料時，綁定的資料也會跟著異動。 不過有沒有一種可能，是要讓使用者操作畫面資料內容後，...
我的 Vue.js 筆記(17) - 指令：v-if 、v-else-if、v-else、 v-show
前言 如果你知道程式的 if 、else if 、 else 的操作方式，那麼這篇文章的內容應該很容易理解 if (布林值) { // 一些邏輯操作 }...
我的 Vue.js 筆記(18) - 指令：v-for
前言 看到 for 這個字樣，應該已經知道他在做啥了！ 沒錯，跑迴圈。 在網頁畫面中常常會有清單資料，像是購物網的商品清單，或是 google 搜尋完的每一筆資...
我的 Vue.js 筆記(19) - 認識元件、Vue 的單一元件檔案 SFC
認識元件 在 Vue 幫我們解決的事情這篇文章中，已經用一個簡單的方式介紹元件的概念。 當時只是提到模板結構跟資料抽離，並且讓結構重複使用，帶上不同的資料。 有...
我的 Vue.js 筆記(20) - 在輕前端中使用元件、元件的命名
前言 雖說單一元件檔案的程式因為有 script setup 語法，能讓程式變得乾淨俐落。 不過並不是每個人都會使用 vite (或以前的 vue cli) 來...