手把手開始寫 Vue3

set: 手把手實作

tags: Vue

category: Front-End

description: 手把手開始寫 Vue3

created_at: 2022/07/15 15:00:00

事前準備

• 在你的電腦裝好 Node.js

前言(題外話)

最近因為工作可能有需要使用 Vue 當作前端開發框架，而我自己本身很久以前比較熟 Vue2，之後在前實習公司使用 React，所以後來相對熟悉的變成了 React，而現在需要重新學 Vue3(因為2和3寫法差滿多)，所以打算在這邊紀錄一下學習的過程(順便整理成筆記)。

最近應該會滿頻繁更新這個系列的，最後可能也是以 TodoList 或其他 APP 當做一個練習，雖然可能做到爛了，但不得不說是滿適合練習的。

基礎篇

• 第一篇 - 開新專案與環境設定
• 第二篇 - v2 與 v3 寫法的差異
• 第三篇 - 基本的模板語法
• 第四篇 - 關於響應式資料
• 第五篇 - 關於計算屬性與監控資料
• 第六篇 - 事件處理
• 第七篇 - 表單資料綁定
• 第八篇 - 關於生命週期
• 第九篇 - 組件(Component)基礎
• 總結 - 做個簡單的 TodoList

進階篇

• 第一篇 - Transition
• 第二篇 - 快取(Cache)組件
• 第三篇 - 懶加載(lazy loading)與非同步組件
• 第四篇 - Router 基礎
• 第五篇 - Router 路由參數與404頁面
• 第六篇 - Router 樣式與轉場
• 第七篇 - Pinia 中央狀態管理
• 總結 - 老樣子做個 TodoList - 使用者功能
• 總結 - 老樣子做個 TodoList - 代辦事項功能