asyncdata在元件結構中，其屬於宿主layout下的子元件，不屬於頁面元件，無法使用頁面元件中的fetch方法，官方的解釋是子元件無法使用阻塞非同步請求，即：子元件得到的非同步資料無法用於服務端渲染，這對於程式是合理的，避免異常阻塞，簡化業務模型。
如果需要這些非同步資料增強站內內鏈seo，我們可以巧妙地使用內建vuex中的nuxtserverinit這個api，這個api實在nuxt程式例項化之後第一次執行的方法，其內部返回乙個promise，我們可以在這裡完成我們站內的所有子元件非同步請求，隨後將資料對映至對應子元件即可。
另外的方法是在mounted 方法去呼叫非同步資料。
注：在這個data方法裡面，我們獲取不到 this指標，因為data方法在元件初始化之前就已經被呼叫了。
摘錄：
nuxt 中的vuex狀態管理
nuxt中自帶了vuex，這倒是很方便使用方法也很接近vue 基本模式中會根據預設根目錄下的atore資料夾內的檔案自動生成store的結構 首先必須要有index.js 之後除開index檔案其餘的都是二級目錄 例如 vue檔案中的引入方式我這邊建議是comp 變化方式還是採用vue的老一套com...
vue中的vuex的使用
vuex是乙個專為vue應用程式中資料的狀態的管理技術。要想使用vuex首先我們要安裝 基於npm包 在專案檔案 按住shift鍵 滑鼠右鍵 在命令列終端開啟 輸入 npm i vuex s s是儲存本地的pack.json檔案中 在vue專案的main.js中引入 vuex import vuex...
使用vuex中踩到的坑
import from mutation types export default item deleteitem index selectallitems checked deletecompleteitems 昨天在寫乙個demo的時候報了乙個錯 vuex unknown mutation ty...