# 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}]"}
Expand menu