# 2021 Vue3 專業職人 Mike課程
## ==2021 Vue3 專業職人 | 入門篇==
### JavaScript ES6
* [let 與 const](/-bOq1B8sQLGwM6QnCWDS2Q)
* [變數解構](/lPMa0kYcTeayye1w8XAaJg)
* [箭頭函式運算式](/lUbEBzIsSH6feCegyHZ4oA)
* [Function Default](/mTYL2u4RTByG8qykQRQd8A)
* [字串模板](/Z31pzpCHRriPESc51HmEqw)
* [ES Module](/nXsGNAxqSUWI-7B-I8RbJQ)
### Vue 基礎入門篇
* [setup() 函數、ref、reactive使用](/XknaEG14SbC_7pMtIQnONA)
* [雙向綁定](/VdDraLWnTey9DvNTV5_1MA)
* [v-on:Event](/S3eQO8o5Q8qxccBK5ZF9Xw)
* [readonly](/ZgG5ZpS6Qc2MGXhzbb6Shw)
* [v-for、key](/weK5qb2qSe-h29xZoJPu9A)
* [v-if、v-show](/55pF-mTESciloLe0Yer_Wg)
* [v-bind:attribute](/t5g5l0SdSwi7LCjMm9uV7Q)
* [切換 class](/W1nyeJBnQSaClcRyRRedJA)
* [運算 Computed ](/LhNRJ4pvT8SodlGj180tdg)
* [資料篩選 DataFilter](/52apGiTHRSKsg619AVdFjQ)
* [監控資料 Watch](/ojtw8lrATpWu3u5SshCtHw)
* [生命週期 Lifecycle Hooks ](/xkX7m2GVSl2USf4RRrqIwg)
* [非同步處理 Axios ](/QH-xOY35SDmpsGblPXXYRw)
* [字串處理 v-html ](/pFNETRHDScuOGWtzigk1wA)
* [事件修飾符 Event Modifiers ](/46dR6WouQH2cLqc7uYRL8g)
### Vue常見的表單元件
* [綁定 From Bindings](/fNTN40DiQwuWJTJkZcJzAA)
* [checkbox](/EujuQb5yTOC4pehWzTZKSA)
* [下拉選單](/IIfRzDLwRlmIUEEuQTfFEw)
* [會員註冊 registered](/YFh86strQRSXT3VHkipJ4A)
* [v-model Modifiers 修飾符](/cA7lpEtEQz6GIz5Jn1RX7g)
### Vue cli
* [vue cli 安裝](/QnIdmc0bSRCaO2POIaZzWw)
### Vue Component 組件
* [Component 組件基本介紹](/y_KAIX12TCGkyIzecIdVKA)
* [拆分組件](/W5bxZpW2SqamY_NVCQGJhg)
* [props 組件資料傳遞 (父層傳子組件)](/rvhmgY1cTmGBPo-J45-d2w)
* [組件資料傳遞 實戰](/mm2iRh3eTiCXAUYY1mPxfA)
* [context & emit (子組件傳父層級)](/YtywlGhGToSyMA3H1aRp_A)
* [emits](/4NaIk6cySCKdM9CKqm4w4Q)
* [transition 動畫過渡組件](/VPqA4D6wTKSrikF0B_P0ew)
* [$event 事件回傳](/ax6NzQR_QoqPWOZVRDsONg)
* [ Template Refs 焦點](/7LJGwQ57TbGNQgsUOEg0Gw)
* [Directive 自定義(v-函式) Vue Template Script](/CvDfcNgKR3WIcwiSf3bIvw)
* [slot 插槽](/VrDixtCvT6mpTm3shvxAiA)
### Vue Router 網址路由 - SPA網頁開發
* [Vue Router 起手式](/RRM79yvJSZOYcxUGMn8j3Q)
* [Different History modes ](/n382xjVwQr6h7Z44Tk4TUA)
* [動態網址實做](/2HdG4dU9Rp64gt9P2s0D2Q)
### Vuex 資料流
* [Vuex 狀態管理架構](/JlmLz5DnQ8yl9k15kTBr0w)
## ==Vue3 專業職人 | 進階篇 Nuxt==
* [Nuxt 框架設定與架構](/553_-u7BSF2hp_AqMoOK6g)
* [解決 SASS 安裝依賴包問題](/ix3pwQJgQ_C1wDoAiqf0mA)
* [Nuxt 生命週期 asyncData](/SttoabdYQXii5RQCSdP39w)
* [Nuxt 生命週期 fetch](/QLvda3K1StWflSOLJIPd4g)
### Router 配置
* [極速新增 Header Footer組建](/wnJrPXQsT0CuGp9MYeGgUQ)
* [Nuxt link](/S62J3oT-T0mSZRktP0OL_g)
* [崁入 Router](/OdJHUdzRTVeBTGGk00JL4Q)
* [動態 Router](/IHXLCRehTxis5bBiUKMpNw)
* [error 頁面處理](/dpAqtTR2RFe5VoXOMOBSqw)
### 整合&製作 Nuxt Plugins套件
* [撰寫自己的 Plugins](/rnVZ-5hgQSe4bQP31weruA)
* [整合現有個 Nuxt Plugins](/o1tdzknGTkSzSKUrAHEbfw)
* [第三方套件整合 到Nuxt](/BNkcaXQmQYq5HgsKWViUPw)
* [整合cookie與localstorage](/yN1zYTuxQNW1stYIqhgNJA)
### vdex 與 API 架構使用
* [關於Store資料夾](/KB5jQQKmRz-Fp5iMnsO_mw)
### 多國語系
* [設定環境](/uW0Mjhs3TPmjgACQk9F4WA)
{"metaMigratedAt":"2023-06-16T11:26:20.481Z","metaMigratedFrom":"YAML","title":"2021 Vue3 專業職人 Mike課程","breaks":true,"contributors":"[{\"id\":\"c05b36ac-d774-4e45-8fc3-5e50c9be5123\",\"add\":2951,\"del\":204}]"}