codecamp

Nuxt.js head 属性配置

head 属性配置

借助 head 属性,Nuxt.js 让你可以在 nuxt.config.js 中配置应用的 meta 信息。
  • 类型: Object
module.exports = {
  head: {
    titleTemplate: '%s - Nuxt.js',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Meta description' }
    ]
  }
}

想了解 head 属性的可用配置,可以参考 vue-meta 配置文档

提示: 你也可以在页面组件中使用 head 配置并通过 this 关键字来获取组件的数据,具体请参考 页面组件的 head 属性配置


Nuxt.js generate 属性配置
Nuxt.js hooks 属性
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定