《性能》专题

scrollToTop 属性用于控制页面渲染前是否滚动至页面顶部。 类型： Boolean (默认值： false) 默认情况下，从当前页面切换至目标页面时，Nuxt.js 会让目标页面滚动至顶部。但是在嵌套子路由的场景下，Nuxt.js 会保持当前页面的滚动位置，除非在子路由的页面组件中将 scrollToTop 设置为 true。 <template> <h1>子页面组件</h1> </t

类型： String 或 Array 数组元素类型： String 在应用中的特定页面设置中间件 例子： pages/secret.vue <template> <h1>Secret page</h1> </template> <script> export default { middleware: 'authenticated' } </script> middleware/auth

loading属性为您提供了禁用特定页面上的默认加载进度条的选项。 类型: Boolean (默认: true) 默认情况下，Nuxt.js使用自己的组件来显示路由跳转之间的进度条。 您可以通过Configuration的加载选项全局禁用或自定义它，但也可以通过将 loading 属性设置为 false 来禁用特定页面： <template> <h1>My page</h1> </templa

layouts 根目录下的所有文件都属于个性化布局文件，可以在页面组件中利用 layout 属性来引用。 类型： String 或 Function (默认值： 'default') 使用 layout 属性来为页面指定使用哪一个布局文件： export default { layout: 'blog', // 或 layout (context) { return 'blog

设置内部<router-view>组件的key属性 类型: String 或 Function key属性赋值到<router-view>，这对于在动态页面和不同路径中进行转换很有用。不同的key会使页面组件重新渲染。 有几种方法可以设置key。有关更多详细信息，请参阅nuxt组件中的nuxtChildKey属性。 export default { key (route) { retu

类型： Object 默认值： {} watchers 属性可用来覆盖 Nuxt.js 默认的 watchers 配置。 chokidar 类型： Object 默认值： {} 了解更多关于 chokidar 的配置项，请移步 chokidar API。 webpack 类型： Object 默认值： watchers: { webpack: { aggregateTimeout: 3

Type: Object Default: [] watch属性允许您监听自定义文件来重新启动服务器。 watch: ['~/custom/*.js'] chokidar用于建立watch。要了解有关chokidar模式选项的更多信息，请参阅 chokidar API。

类型: Object 默认: { silent: !isDev, performance: isDev } vue.config属性为Vue.config提供直接配置 示例 export default { vue: { config: { productionTip: true, devtools: false } } } 将配置以下Vue.con

类型: Array Items: String 或 Object 或 Function Nuxt在内部创建一个连接实例，所以我们可以将我们的中间件注册到它的堆栈，并有机会提供更多的路由，如API，而无需外部服务器。因为连接本身是一个中间件，所以注册的中间件既可以用于nuxt start，也可以用作具有编程用法的中间件，如express-template。Nuxt Modules还可以使用this.

类型: Object Nuxt.js允许您为应用程序内部nuxt.config.js中定义服务器访问主机和端口. Basic example (nuxt.config.js): export default { server: { port: 8000, // default: 3000 host: '0.0.0.0' // default: localhost, } }

通过该属性可以配置 Nuxt.js 的性能选项 gzip 类型： Boolean 或 Object 默认值： { threshold: 0 } 在生产模式下, Nuxt.js 会使用 compression 模块来 gzip 应用的所有资源文件。 如果你使用类似 CloudFare 这种服务，鉴于它已经 gzip 每个请求的响应数据，你可以在 nuxt.config.js 中禁用该特性： mo

类型: Array 默认: ['node_modules'] 用于设置路径解析的模块目录，例如：webpack resolveLoading，nodeExternal和postcss。配置路径为相对路径options.rootDir (默认: process.cwd()). 例如 (nuxt.config.js): export default { modulesDir: ['../../no

类型: Array modules是Nuxt.js扩展，可以扩展它的核心功能并添加无限的集成。了解更多 例如 (nuxt.config.js): export default { modules: [ // Using package name '@nuxtjs/axios', // Relative to your project srcDir '~/mod

此功能的想法来自 vue-cli modern mode 类型: String 或 Boolean 默认: false 可能的值: 'client': 构建两个版本的包：同时提供面向支持现在浏览器的 ES2015+ 写法支持 <script type ="module"> 和兼容性低的其他旧浏览器的包 <script nomodule> 的脚本，同时为现代浏览器打包提供 <link rel ="m

您可以使用.nuxtignore文件让Nuxt.js在构建打包阶段忽略项目根目录(rootDir)中的布局(layout)，页面(page)，store和中间件(middleware)文件。.nu​​xtignore文件与.gitignore和.eslintignore文件的规范相同，其中每一行都是一个glob模式，指定应该忽略哪些文件。 例如: # ignore layout foo.vue l