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上,之后才是组件的渲染。
 
上一篇:vue的nuxt框架中使用vue-video-player


下一篇:????‍♀️点亮你的Vue技术栈,万字Nuxt.js实践笔记来了~