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

前端框架御三家之一的 Vue,在 2020 年第四季迎來的第三代版本,代號為 One Piece。雖說已略為上手 2.0 版,決定藉由 HiSKIO 2020 Vue3 專業職人 的課程,來加速自己的熟悉程度。這篇會筆記下 Nuxt 關於 async data 和獲取資料的一些實作細節。

vue.js logo vue


課程相關資訊

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

本篇範圍:Chapter 3 ( 開始使用 Nuxt 吧 ) ,一共有 10 篇

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


筆記

1. asyncData 是在 server 端進行的生命週期,且只會執行一次。asyncData 會覆蓋掉 data 的同名 key 的值。
2. asyncData 只能在 pages 的資料夾下的 .vue 檔執行,其餘的都沒有
3. window 底下的方法,沒有辦法在 asyncData 中使用,固然也沒有辦法用 this
4. fetch 的生命週期,是可以取得 this 即在任何的 .vue 中執行。因為其生命週期是在 created() 之後執行。


系列文章

  • [筆記] 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 專業職人 進階篇 – 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
  • 按讚加入粉絲團

    延伸閱讀