天天看點

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上,之後才是元件的渲染。  

轉載于:https://www.cnblogs.com/mengfangui/p/10246240.html

繼續閱讀