nuxt.js框架的目录结构说明
分类:计算机 | 前端 | Nuxt.js | 综合 580
更新:2020-11-04 00:04:02编辑
Nuxt.js的默认应用目录架构提供了良好的代码分层结构,适用于开发或大或小的应用。
1 asserts
该目录是资源目录,用于组织未编译的静态资源,如:LESS、SASS、JS
2 components
该目录是组件目录,用于组织应用的Vue.js组件。Nuxt.js不会扩展增强该目录下的Vue.js组件,即这些组件不会像页面组件那样有asyncData方法的特性。
3 layouts
该目录是布局目录,用于组织应用的布局组件。说明:若无额外配置,该目录不能被重命名。
4 middleware
该目录是中间件目录,用于存放应用的中间件。
5 pages
该目录是页面目录,用于组织应用的路由及视图。Nuxt.js框架读取该目录下所有的.vue文件并自动生成对应的路由配置。说明:若无额外配置,该目录不能被重命名。
6 plugins
该目录是插件目录,用于组织那些需要在根vue.js应用实例化之前需要运行的javascript插件。
7 static
该目录是静态文件目录,用于存放应用的静态文件,此类文件不会被Nuxt.js调用Webpack进行构建编译处理。服务器启动的时候,该目录下的文件会被映射到应用的根路径/下。说明:若无额外配置,该目录不能被重命名。
8 store
该目录是状态树目录,用于组织应用的Vuex状态树文件。Nuxt.js框架集成了Vuex状态树的相关功能配置,在store目录下创建一个index.js文件可激活这些配置。
9 nuxt.config.js文件
该文件用于组织Nuxt.js应用的个性化配置,以便覆盖默认配置。说明:若无额外配置,该文件不能被重命名。
10 package.json文件
该文件用于描述应用的依赖关系和对外暴露的脚本接口。说明:该文件不能被重命名。
11 别名
别名 | 目录 |
---|---|
~或@ | srcDir |
~~或@@ | rootDir |
猿导航
阅读排行榜
- 1vue和el-table使用经验-如何刷新表格数据6505
- 2uni-app使用经验—vue页面和html页面如何互相调用接口并传参3403
- 3nuxt.js项目中如何添加和使用全局变量1921
- 4如何用批处理命令(bat脚本)启动和停止windows服务1914
- 5nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数1806
- 6Spring学习经验—@ResponseBody注解的使用说明1788
- 7Druid异常解决经验—java.sql.SQLException url not set1760
- 8解决SpringBoot使用maven下载不了jar包的问题1743
- 9Intellij IDEA下的版本控制VCS的启用与关闭1736
- 10linux如何成功地离线安装docker1618
- 11在Nuxt.js项目的head中引用外部js文件1586
- 12Nuxt.js项目实现路由鉴权和用户登录1575
- 13软件项目管理——详细设计说明书模板11537
- 14Windows中使用Nginx解决前后端分离部署中的跨域问题1479
- 15Element-UI学习经验——el-switch开关的用法1415