iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

欸你是要進 Vue 了沒? 系列

這是一個小菜菜突然跳進 Vue 的放送事故。
主要是從 Vue 官方文件一步一步地理解,過程中可能會遇到一些小坑,或無法深入到很細節的部分,完全是小菜菜的 flow 喔⋯⋯請大家多多指教。

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v8.0
DAY 1

欸你是要進 Vue 了沒? - Day1:前言/自我介紹小廢話

自我介紹一下 Hihi 大家好我是 ++(發音為 /jiā jiā/),在好想工作室 Web Camp 學習來到半年,是一個正學到 JS30 的小菜菜,小腦袋的...

2024-09-15 ‧ 由 ++ 分享
DAY 2

欸你是要進 Vue 了沒? - Day2:Vue 為啥我要認識你

今天是正式進 Vue 框架的第一天,要學習一樣新東西前先來稍微知道一下為什麼吧!讓學習意義先建立起來,保持好奇的感覺也會變得更容易持續。 定義 先來看看維基百科...

2024-09-16 ‧ 由 ++ 分享
DAY 3

欸你是要進 Vue 了沒? - Day3:Vue 請你自我介紹五分鐘

今天我們邀請到 Vue 來幫自己自我介紹 定義 官方文件:Vue (發音為 /vjuː/,類似 view) 是一款用於構建用戶界面的 JavaScript 框...

2024-09-17 ‧ 由 ++ 分享
DAY 4

欸你是要進 Vue 了沒? - Day4:Vue 我要把你 run 起來

經過前兩天的介紹,小菜菜已有大致了解 Vue 的概念了,今天來嘗試遵循官方文件的步驟,看看如何把一個最基本的 Vue 專案在本地 run 起來!兩種方法:CLI...

2024-09-18 ‧ 由 ++ 分享
DAY 5

欸你是要進 Vue 了沒? - Day5:Vue 專案資料夾你裡面夾了什麼

昨天我們已經把一個最簡單的 Vue 專案在本地 run 起來了(請為自己掌聲鼓勵)⋯⋯今天一起看一下這個專案的資料夾結構吧! 專案主結構 行前通知 由於這個專案...

2024-09-19 ‧ 由 ++ 分享
DAY 6

欸你是要進 Vue 了沒? - Day6:Vue 專案你是怎麼組起來的?從根組件看組件之間的互動關係

大家好!承前兩天,我們使用 Vite 建置了 Vue 專案,並且理解了它的資料夾結構,今天一起來更深入看一下這個專案是怎麼「組」起來的。 從 App.vue 根...

2024-09-20 ‧ 由 ++ 分享
DAY 7

欸你是要進 Vue 了沒? - Day7:Vue 模板語法【Mustache、v-html】

今天我們正式來學習 Vue 基本的模板語法啦! 文本插值 使用的是 Mustache 語法,即雙大括號 {{ }}。 我們來看看實際例子~ 範例 在 Must...

2024-09-21 ‧ 由 ++ 分享
DAY 8

欸你是要進 Vue 了沒? - Day8:Vue 模板語法【屬性綁定】

昨天提到了 Vue 中的模板語法 Mustache 和 v-html,今天來看看「屬性綁定」。 定義 屬性綁定可以響應式的綁定「HTML」的 id、src、cl...

2024-09-22 ‧ 由 ++ 分享
DAY 9

欸你是要進 Vue 了沒? - Day9:Vue 模板語法【JS 表達式】

昨天我們講到了屬性綁定,而 Vue 也可以用「JS 表達式」來綁定數據,偶們看看故事會如何發展下去⋯⋯ 定義 官方文件:在 Vue 模板內,JavaScrip...

2024-09-23 ‧ 由 ++ 分享
DAY 10

欸你是要進 Vue 了沒? - Day10:Vue 模板語法【指令 Directives】

昨天我們介紹了 JS 表達式如何在 Vue 綁定,今天一起來看一下「指令」怎麼實現這樣的功能吧!粗淺的帶大家一起走過幾個語法的小小應用~ 定義 指令? 官方文件...

2024-09-24 ‧ 由 ++ 分享