iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列

在初學 Vue 往 real world Vue 的路上,希望沒有誤入歧途。
住在 Vue 新手村一個多月,針對這段期間特別疑惑的地方,整理成攻略 30 篇,希望能帶給剛入住的鄰居們一點點幫助。

鐵人鍊成 | 共 31 篇文章 | 85 人訂閱 訂閱系列文 RSS系列文
DAY 1

真的好想離開 Vue 3 新手村 - Day 1: 前言之系列簡介

前言的前言 嗨,我是安揪拉,住在 Vue 新手村大概一個多月,接下來要一邊寫鐵人賽、一邊接案,希望能成功活下來 QQ,真的好想離開 Vue 3 新手村啊~我蒐集...

2022-09-16 ‧ 由 安揪拉 分享
DAY 2

真的好想離開 Vue 3 新手村 - Day 2: 建立 Vue 專案開發環境 feat. Vite

剛開始學 Vue,最困擾的就是該怎麼建立開發的環境。 誰適合看這篇: 不知道怎麼建立 Vue 專案 按照官網用 npm init vue@latest 建立了...

2022-09-17 ‧ 由 安揪拉 分享
DAY 3

真的好想離開 Vue 3 新手村 - Day 3: 細看 Vue + Vite 專案資料夾結構

誰適合看這篇 已經初步了解 npm、package.json、package-lock.json、node_modules 建立 Vue 專案後,沒有仔細看...

2022-09-18 ‧ 由 安揪拉 分享
DAY 4

真的好想離開 Vue 3 新手村 - Day 4: 從 npm run build (vite build) 簡單認識打包

誰適合看這篇 不知道 npm run dev、npm run build、npm run preview 的用處 不知道「打包」做了哪些事?為什麼前端需要打包...

2022-09-19 ‧ 由 安揪拉 分享
DAY 5

真的好想離開 Vue 3 新手村 - Day 5: Option API 和 Composition API 比一比

前言 Vue 3 提供 Option API 和 Composition API 兩種寫法,Option API 是延伸自 Vue 2 的寫法,Composit...

2022-09-20 ‧ 由 安揪拉 分享
DAY 6

真的好想離開 Vue 3 新手村 - Day 6: 什麼是 Vue SFC 檔?如何被編譯?feat. Vite

Outline 什麼是 SFC 檔 認識 SFC 檔的組成 - Language Block SFC 檔會如何被解析(其實不算重要,但因為我很好奇) 什麼是...

2022-09-21 ‧ 由 安揪拉 分享
DAY 7

真的好想離開 Vue 3 新手村 - Day 7: 深入了解 <script setup> 語法糖

誰適合看這篇 想知道 &lt;script setup&gt; 的優點 跟我一樣很好奇為什麼 &lt;script setup&gt; 效能比較好...

2022-09-22 ‧ 由 安揪拉 分享
DAY 8

真的好想離開 Vue 3 新手村 - Day 8: 認識 Vue directive 和 v-if v.s v-show

Vue Directive 什麼是 Vue directive?簡單來說,就是在 Vue 模板中,我們常常用到的 v- 開頭的「指令」,像是:v-if、v-fo...

2022-09-23 ‧ 由 安揪拉 分享
DAY 9

真的好想離開 Vue 3 新手村 - Day 9: v-for 與他的坑 feat. key & v-if

Outline 語法簡介 v-for 與 key 的關係 為什麼要綁定 key 什麼狀況下不能用 index 作為 key v-if &amp; v-...

2022-09-24 ‧ 由 安揪拉 分享
DAY 10

真的好想離開 Vue 3 新手村 - Day 10: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (上)

前言 一開始認識 reactive() 跟 ref() 真的超困惑,不理解兩者背後的差別,只能硬記個別的使用方式和限制,一直到了解他們背的原理,才有「啊哈~」的...

2022-09-25 ‧ 由 安揪拉 分享