search

hsiangfeng / hsiangfeng.github.io

是 Ray 不是 Array - Ray Blog
https://israynotarray.com/
7 stars 0 forks source link

vue/20211205/3240380460/ #8

Open utterances-bot opened 2 years ago

utterances-bot commented 2 years ago

Nuxt.js 2.x 實戰手冊(5) - 生命週期(lifecycle) | 是 Ray 不是 Array

接下來要聊一下 Nuxt.js 中很重要的東西，也就是生命週期，而這個生命週期是會大大影響你的 SSR 結果與 SEO 的。

https://israynotarray.com/vue/20211205/3240380460/

hellokiddingTW commented 2 years ago

Ray助教你好，這裡想請教你兩個問題： (1) axio 是nuxt 本身就有內建的嗎？(會這樣問是因為當初在創建專案的時候有選到關於axio的選項) (2) 請問這種寫法： export default { asyncData ({ $axios }) { console.log('asyncData') }, } 有需要import axios嗎？ (3) 後面章節介紹的@nuxtjs/axios 是一樣的東西嗎

hsiangfeng commented 2 years ago

Ray助教你好，這裡想請教你兩個問題： (1) axio 是nuxt 本身就有內建的嗎？(會這樣問是因為當初在創建專案的時候有選到關於axio的選項) (2) 請問這種寫法： export default { asyncData ({ $axios }) { console.log('asyncData') }, } 有需要import axios嗎？ (3) 後面章節介紹的@nuxtjs/axios 是一樣的東西嗎

  1. 是的，Nuxt 本身整合進去的
  2. 不用哦，因為本身 axios 就整合在 Nuxt 中的關係，因此不需要 import
  3. 是一樣的東西，只是 Nuxt 整合過的而已，就跟 vue-axios 一樣
lightyisu commented 2 years ago

Ray助教你好，这里想请问这个Nuxt的生命周期问题，这个AsyncData为了解决两端渲染数据的问题，但是查阅nuxt文档后，发现服务端也会在生成html之前调用created，我可以不用asyncData而去created中取获取数据吗？想了想可能是因为异步的原因，渲染时拿不到最新数据,asyncData做了一个渲染时的阻塞保证在数据拿到后再去继续渲染，请问是这样嘛。谢谢您

hsiangfeng commented 1 year ago

Ray助教你好，这里想请问这个Nuxt的生命周期问题，这个AsyncData为了解决两端渲染数据的问题，但是查阅nuxt文档后，发现服务端也会在生成html之前调用created，我可以不用asyncData而去created中取获取数据吗？想了想可能是因为异步的原因，渲染时拿不到最新数据,asyncData做了一个渲染时的阻塞保证在数据拿到后再去继续渲染，请问是这样嘛。谢谢您

關於這個我要看一下你是哪邊看到的資料哩