前端框架御三家之一的 Vue,在 2020 年第四季迎來的第三代版本,代號為 One Piece。雖說已略為上手 2.0 版,決定藉由 HiSKIO 2020 Vue3 專業職人 的課程,來加速自己的熟悉程度。這篇會筆記下如何在 Nuxt 中撰寫自己的套件。
課程相關資訊
[連結]: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 時,難以管理錯誤訊息的狀況