Nuxt.js head 屬性配置

2022-03-03 15:43 更新

head 屬性配置

借助 head 屬性,Nuxt.js 讓你可以在 nuxt.config.js 中配置應(yīng)用的 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 關(guān)鍵字來獲取組件的數(shù)據(jù),具體請參考 頁面組件的 head 屬性配置。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號