[筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 9

前端框架御三家之一的 Vue,在 2020 年第四季迎來的第三代版本,代號為 One Piece。雖說已略為上手 2.0 版,決定藉由 HiSKIO 2020 Vue3 專業職人 的課程,來加速自己的熟悉程度。這篇會筆記下如何在 Nuxt 中撰寫自己的套件。

vue.js logo vue


課程相關資訊

[連結]:https://hiskio.com/courses/419/lectures/20834

本篇範圍:Chapter 5 ( 整合 & 製作Nuxt 套件 ) ,一共有 10 篇

請注意:本系列文章為個人對應課程的消化吸收後,所整理出來的內容。換言之,並不一定會包含全部的課程內容,也有可能會添加其他資源來說明。


筆記

1. 在 Nuxt 中要使用 Plugin,大體而言可以分為 3 類:自己撰寫的方法用 inject  到 $root 中、使用 Vue.use(PluginName)、使用第三方套件
2. 要在 Nuxt.config.js 中的 plugins 裡,寫入要讀取的 plugins 檔案路徑
3. inject(‘事件名稱’, {方法}):接著在 .vue 中就可以用 this.$事件名稱.方法 來取得自定義的函式
4. 若你要在 asyncData 中調用,那你就在 context.$事件名稱 來調用
5. 你可以額外新增一支 axios.js,並在裏頭新增管理 $axios 錯誤的方法。如此一來,你就可以避免在撰寫 $axios 時,難以管理錯誤訊息的狀況


系列文章

  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 8
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 7
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 6
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 5
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 4
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 3
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 2
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 15
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 14
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 13
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 12
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 11
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 10
  • [筆記] HiSKIO 2020 Vue3 專業職人 進階篇 – 1
  • [筆記] HiSKIO 2020 Vue3 專業職人 加值篇 – 5
  • [筆記] HiSKIO 2020 Vue3 專業職人 加值篇 – 4
  • [筆記] HiSKIO 2020 Vue3 專業職人 加值篇 – 3
  • [筆記] HiSKIO 2020 Vue3 專業職人 加值篇 – 2
  • [筆記] HiSKIO 2020 Vue3 專業職人 加值篇 – 1
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 9-2
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 9
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 8
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 7
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 6
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 5
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 4
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 3
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 2
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 16
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 14
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 13
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 12
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 11
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 10
  • [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 1
  • 按讚加入粉絲團

    延伸閱讀