圖片來源:
Vue(ㄇ)蛙種子就決定是你了!
----------------
vue學習地圖(直接從Vue3開始!)
文章是面向新手,有接觸過其他框架看這篇效益不高
1. Rank F
-多認識新名詞: es6 es7裡面更新甚麼
-直接在瀏覽器主控臺console.log("練習寫寫看吧")
ex: 這篇介紹
初學剛開始看一定很矇 但不看新的語法的話,別人的code會更看不懂(改不動w
至少先知道有這種寫法
2. Rank E
直接實戰吧vue 看影片看文章,不如遮起來自己打打看
這裡面 https://iter01.com/8102.html 挑一款好看的來用
-cdnjs引用 vue 先玩玩看: 寫一個靜態CRUD table
{{綁定}}
computed
methods
v-if , v-bind , v-on
-知道SPA是怎麼做到的
3. Rank D
-cdnjs 引用axios 認識如何接API & JSON格式
-cdnjs 引用vue 寫一個 動態CRUD table
-使用vue components
第一次用API比較推薦: https://randomuser.me/
4. Rank C
-認識nodejs是什麼,而什麼又是npm 和 yarn呢?
-VScode 安裝 VueCLI 環境 先自己安裝基本款慢慢熟悉資料夾架構
-在CLI SPA是怎麼連動的? html js css vue檔案之間的關聯性
-安裝axios實做一個 vue-cli + axios CRUD table
也可以試試看Json server 本地使用~
5. Rank B
-VueCLI結合css框架
ex: bootstrap verify
該專案接12隻api以上 知道如呵管理>> [axios instance]
使用vue-router ,初步認識vuex
6. Rank A
使用vuex(
state,mutation,action,getter
)
並且在大專案使用vuex的module 資料夾分層管理
清楚知道vue的生命週期(ex 為什麼beforeCreate會拿不到資料?
7. Rank S
成為重構大師 能把重複的code抽的很乾淨
靈活運用components 和Vue特性
架構超乾淨 很好維護~
以上個人的小分享~~
