1. 程式人生 > >nuxt框架學習

nuxt框架學習

1、static和assets資料夾區別

相同點:都可以存放靜態檔案

不同:assets下的檔案 webpack會處理;static資料夾下的檔案不會處理。

2、middleware

middleware中介軟體,用來做一些路由鑑權。

3、layouts

layouts資料夾是佈局檔案,即頁面的框架。

layouts資料夾下也可以放error等404檔案

4、components

components資料夾放通用的元件,如頁頭頁尾等。

5、pages

pages資料夾是業務元件,nuxt會根據pages資料夾的vue檔案自動生成路由,包括動態路由,巢狀路由等。

6、plugins

plugins資料夾放第三方或者自己的外掛,如element-ui等

自己定的外掛也可以,將自己定義的外掛掛在在vue的原型鏈上。

7、store

store資料夾是vuex,nuxt可以自動生成模組化的state。

8、asyncData

asyncData api用來獲取一些資料,等待獲取完成資料後,這些資料會合併到vue 的 data上,之後才是元件的渲染。