鐵人檔案
Vue.js ，一個已經不算新的前端框架，尤雨溪大大在 2023年Laravel x Vue Conf 驚嘆這框架已經走了將近十個年頭。這十年間從 Vue2 到 Vue3 的迭代，也有許多人寫下這套框架的教學與筆記。甚至Vue的官方文件，清晰度說是框架文件的頂標也不為過。
有句話說，最適合自己的老師，往往是跟自己學習進度相近的那位。
如果我把自己目前所知、所學的內容用我能表達的話語紀錄下來，不知道有沒有機會幫到跟我有相同經驗的人？我還不知道。
或許，在30天之後，甚至這場賽事過後的好幾年，會有機會幫助到還不懂什麼是框架，有想要探究 Vue.js 的你/妳。
前言 今天聊聊 Vue 實體中的 methods， 中文叫做「方法」。 如同我們在說「物件的方法」一樣，Vue 世界如果說到「方法」，其實就是在講函式(func...
前言 今天來補完 Vue 資料加工的最後一塊拼圖，監聽器。 在 computed 的內容中有提到，如果在 computed 寫 set 語法，不要寫出有副作用的...
指令介紹 開始進入指令的章節，先前有提到，在 Vue 中，只要看到 v- 開頭的東西，就是指令。 指令的用途很多，例如：資料綁定、事件綁定、條件判斷、迴圈等等。...
前言 今天來講 v-bind ，一個用來在 HTML 屬性綁資料的指令。 我們已經知道雙大括號的語法可以把「變數」綁在模板內，不過這個語法並不適用於 HTML...
前言 今天來聊聊 Vue 中事件的寫法。 基本語法 如果你有看過怎麼在 HTML 寫事件，那你對於 Vue 提供的事件語法應該會很熟悉。 <div onc...
前言 我們已經知道使用雙大括號，可以把資料綁到模板上，並且在 程式中 操作資料時，綁定的資料也會跟著異動。 不過有沒有一種可能，是要讓使用者操作畫面資料內容後，...
前言 如果你知道程式的 if 、else if 、 else 的操作方式，那麼這篇文章的內容應該很容易理解 if (布林值) { // 一些邏輯操作 }...
前言 看到 for 這個字樣，應該已經知道他在做啥了！ 沒錯，跑迴圈。 在網頁畫面中常常會有清單資料，像是購物網的商品清單，或是 google 搜尋完的每一筆資...
認識元件 在 Vue 幫我們解決的事情這篇文章中，已經用一個簡單的方式介紹元件的概念。 當時只是提到模板結構跟資料抽離，並且讓結構重複使用，帶上不同的資料。 有...
前言 雖說單一元件檔案的程式因為有 script setup 語法，能讓程式變得乾淨俐落。 不過並不是每個人都會使用 vite (或以前的 vue cli) 來...
