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上，之后才是组件的渲染。