摘要:
视图的整体布局图如下所示: 备注:此图来源 (1)模板 在项目根目录下创建一个app.html文件,可以定制化默认的html模板。 在app.html文件中内容如下: <!-- 这是我简单修改的 --> <!DOCTYPE html> <html {{ HTML_ATTRS }}> <head {{ 阅读全文
摘要:
Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。 (1)基础路由 (2)动态路由 在 Nuxt.js 里面定义带参数的动态路由,需要创建对应的以下划线作为前缀的 Vue 文件 或 目录。Nuxt.js 可以在动态路由组件中定义参数校验方法。说明:genera 阅读全文
摘要:
Nuxt.js 默认的配置涵盖了大部分使用情形,可通过 nuxt.config.js 来覆盖默认的配置,下面介绍一下nuxt.config.js文件中相关配置项。 (1)build Nuxt.js 允许你在自动生成的 vendor.bundle.js 文件中添加一些模块,以减少应用 bundle 的 阅读全文
摘要:
Nuxt.js 的默认应用目录架构提供了良好的代码分层结构,适用于开发或大或小的应用。 (1)asserts 该目录是资源目录,用于组织未编译的静态资源,如:LESS、SASS、JS (2)components 该目录是组件目录,用于组织应用的Vue.js组件。Nuxt.js 不会扩展增强该目录下 阅读全文