這是一個小菜菜突然跳進 Vue 的放送事故。
主要是從 Vue 官方文件一步一步地理解,過程中可能會遇到一些小坑,或無法深入到很細節的部分,完全是小菜菜的 flow 喔⋯⋯請大家多多指教。
自我介紹一下 Hihi 大家好我是 ++(發音為 /jiā jiā/),在好想工作室 Web Camp 學習來到半年,是一個正學到 JS30 的小菜菜,小腦袋的...
今天是正式進 Vue 框架的第一天,要學習一樣新東西前先來稍微知道一下為什麼吧!讓學習意義先建立起來,保持好奇的感覺也會變得更容易持續。 定義 先來看看維基百科...
今天我們邀請到 Vue 來幫自己自我介紹 定義 官方文件:Vue (發音為 /vjuː/,類似 view) 是一款用於構建用戶界面的 JavaScript 框...
經過前兩天的介紹,小菜菜已有大致了解 Vue 的概念了,今天來嘗試遵循官方文件的步驟,看看如何把一個最基本的 Vue 專案在本地 run 起來!兩種方法:CLI...
昨天我們已經把一個最簡單的 Vue 專案在本地 run 起來了(請為自己掌聲鼓勵)⋯⋯今天一起看一下這個專案的資料夾結構吧! 專案主結構 行前通知 由於這個專案...
大家好!承前兩天,我們使用 Vite 建置了 Vue 專案,並且理解了它的資料夾結構,今天一起來更深入看一下這個專案是怎麼「組」起來的。 從 App.vue 根...
今天我們正式來學習 Vue 基本的模板語法啦! 文本插值 使用的是 Mustache 語法,即雙大括號 {{ }}。 我們來看看實際例子~ 範例 在 Must...
昨天提到了 Vue 中的模板語法 Mustache 和 v-html,今天來看看「屬性綁定」。 定義 屬性綁定可以響應式的綁定「HTML」的 id、src、cl...
昨天我們講到了屬性綁定,而 Vue 也可以用「JS 表達式」來綁定數據,偶們看看故事會如何發展下去⋯⋯ 定義 官方文件:在 Vue 模板內,JavaScrip...
昨天我們介紹了 JS 表達式如何在 Vue 綁定,今天一起來看一下「指令」怎麼實現這樣的功能吧!粗淺的帶大家一起走過幾個語法的小小應用~ 定義 指令? 官方文件...