美文网首页让前端飞Web前端之路
Nuxt.js初始化及模板,路由配置

Nuxt.js初始化及模板,路由配置

作者: 阿布ccc | 来源:发表于2019-08-06 17:52 被阅读2次

Nuxt.js的安装方法见官网:https://zh.nuxtjs.org/guide/installation

目录结构

在使用nuxt.js初始化一个项目之后,我们可以看到他的目录结构如下:


目录结构
  • 资源目录 assets 用于组织未编译的静态资源如 LESS、SASS 或 JavaScript。
  • 组件目录 components 用于组织应用的 Vue.js 组件。Nuxt.js 不会扩展增强该目录下 Vue.js 组件,即这些组件不会像页面组件那样有 asyncData 方法的特性。
  • 布局目录 layouts 用于组织应用的布局组件。若无额外配置,则该目录不能被重命名
  • 页面目录 pages 用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。由于框架读取.vue文件自动生成路由,所以应该谨慎命名。
  • middleware 目录用于存放应用的中间件。
  • 插件目录 plugins 用于组织那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件。
  • store 目录用于组织应用的 Vuex 状态树 文件。 Nuxt.js 框架集成了 Vuex 状态树 的相关功能配置,在 store 目录下创建一个 index.js 文件可激活这些配置。该目录名为Nuxt.js保留,不可更改
  • nuxt.config.js 文件用于组织Nuxt.js 应用的个性化配置,以便覆盖默认配置。
  • package.json 文件用于描述应用的依赖关系和对外暴露的脚本接口。
    Nuxt.js的创建即应用:比如store,如果没有说明不使用vuex,如果存在并有index.js,即代表使用这些功能

相关文章

  • Nuxt.js初始化及模板,路由配置

    Nuxt.js的安装方法见官网:https://zh.nuxtjs.org/guide/installation ...

  • 2019-07-14简单设置Nuxt.js中meta内容

    Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。路由的配置可以参考官方的...

  • 【Nuxt.js 极速指南】基础篇

    这篇文章你将会学习到: 如何安装 Nuxt.js Nuxt.js 项目结构 配置 路由 视图 安装 新手可以通过 ...

  • Nuxt.js路由

    路由 Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置。 要在页面之间使用路由,我们...

  • Nuxt.js基础

    Nuxt.js工作流 Nuxt.js目录 路由&示例 新建好即等于配置好 页面模版&示例 模版是layouts 异...

  • 基于 UniAPP 项目多端开发

    使用 UniAPP 构建项目 初始化基础页面及配置 pages.json Pages 路由 配置页面 TabBar...

  • Nuxt的路由配置和参数传递

    Nuxt.js的路由并不复杂,它给我们进行了封装,让我们节省了很多配置环节。 如果想查看路由的配置,可以到 .nu...

  • 计算机网络: Lab 2

    初始化路由器 初始化如下图的路由器。 显示配置好的信息 配置路由器里的路由表 路由的配置重要参数有三个:目的地 I...

  • Nuxt.js配置

    Nuxt.js 全面配置(持续更新中) 其他系列 ★ vue-cli3 全面配置 目录 √ 初始化项目 √ 环境变...

  • nuxt实现路由跳转的几种方法

    Nuxt.js 依据 pages 目录结构自动生成 vue-router模块的路由配置。官方建议:两个页面间跳转使...

网友评论

    本文标题:Nuxt.js初始化及模板,路由配置

    本文链接:https://www.haomeiwen.com/subject/lbdqdctx.html