Nuxt.js 的默认应用目录架构提供了良好的代码分层结构,适用于开发或大或小的应用。当然,你也可以根据自己的偏好组织应用代码。
资源目录
资源目录assets用于组织未编译的静态资源如LESS、SASS或JavaScript。
组件目录
组件目录components用于组织应用的 Vue.js 组件。Nuxt.js 不会扩展增强该目录下 Vue.js 组件,即这些组件不会像页面组件那样有asyncData方法的特性。
布局目录
布局目录 layouts 用于组织应用的布局组件。
若无额外配置,该目录不能被重命名。
中间件目录
middleware目录用于存放应用的中间件。
页面目录
页面目录 pages 用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。
若无额外配置,该目录不能被重命名。
插件目录:
插件目录plugins用于组织那些需要在根vue.js应用实例化之前需要运行的 Javascript 插件。
静态文件目录:
静态文件目录 static 用于存放应用的静态文件,此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。服务器启动的时候,该目录下的文件会映射至应用的根路径 / 下。
举个例子: /static/robots.txt 映射至 /robots.txt
若无额外配置,该目录不能被重命名。
Store 目录
store 目录用