Nuxt.js 教程

layout 属性 layouts 根目录下的所有文件都属于个性化布局文件，可以在页面组件中利用 layout 属性来引用。 类型： Str…

loading 属性 loading属性为您提供了禁用特定页面上的默认加载进度条的选项。 类型: Boolean (默认: true) 默认情况下，N…

middleware 属性 在应用中的特定页面设置中间件 类型： String 或 Array数组元素类型： String 例子： page…

scrollToTop 属性 scrollToTop 属性用于控制页面渲染前是否滚动至页面顶部。 类型： Boolean (默认值： false) 默…

transition 属性 Nuxt.js 使用 Vue.js 的组件来实现路由切换时的过渡动效。类型： String 或 Object 或…

validate 方法 Nuxt.js 可以让你在动态路由对应的页面组件中配置一个校验方法用于校验动态路由参数的有效性。 类型： Function validate({ …

watchQuery 属性 监听参数字符串更改并在更改时执行组件方法 (asyncData, fetch, validate, layout, …) 类型: …

<nuxt> 组件 该组件只适用于在布局中显示页面组件（即非布局内容）。 例子 (layouts/default.vue)： <template> <…

<nuxt-child> 组件 该组件用于显示嵌套路由场景下的页面内容。 例如： -| pages/ —| parent/ ——| child.vue –…

<nuxt-link> 组件 nuxt-link 组件用于在页面中添加链接至别的页面。 目前 <nuxt-link> 的作用和&nbsp…

构建配置 Nuxt.js 允许你根据服务端需求，自定义 webpack 的构建配置。 analyze Nuxt.js 使用 webpack-bundle-analyzer…

buildDir 属性 类型: String 默认: .nuxt 为Nuxt.js应用程序定义.nuxt(默认)目录 例如 (nuxt.config.js): …

CSS 配置 在 Nuxtjs 里配置全局的 CSS 文件、模块、库。 (每个页面都会被引入) 如果要使用 ​sass ​就必须要安装 ​node-s…

dev 属性配置 类型： Boolean 默认值： true 配置 Nuxt.js 应用是开发模式还是生产模式。 dev 属性的值会被 nuxt 命令…

环境变量配置 类型： Object Nuxt.js 让你可以配置在客户端和服务端共享的环境变量。 例如 (nuxt.config.js)： module.exports …

generate 属性配置 类型： Object 配置 Nuxt.js 应用生成静态站点的具体方式。 当运行 nuxt generate 命令或在编码…

head 属性配置 借助 head 属性，Nuxt.js 让你可以在 nuxt.config.js 中配置应用的 meta 信息。 类型： Objec…

hooks 属性 类型: Objecthooks是Nuxt事件的监听器，这些事件通常在Nuxt模块中使用，但也可以在nuxt.config.js中使用。了解更多 例如 (…

.nuxtignore 您可以使用.nuxtignore文件让Nuxt.js在构建打包阶段忽略项目根目录(rootDir)中的布局(layout)，页面(page)，store和中…

loading 属性配置 类型： Boolean 或 Object 或 String 在页面切换的时候，Nuxt.js 使用内置的…