nuxt.js head

export default {
  head() {
    return {
      title: 'My Page Title',
      meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
        { hid: 'description', name: 'description', content: 'My Page Description' }
      ],
      link: [
        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
      ],
      script: [
        { src: '/js/my-script.js', defer: true }
      ],
      style: [
        { cssText: 'body { background-color: #f0f0f0; }' }
      ]
    }
  }
}

export default {
  head() {
    return {
      title: this.pageTitle,
      meta: [
        { hid: 'description', name: 'description', content: this.pageDescription }
      ]
    }
  },
  data() {
    return {
      pageTitle: 'Default Title',
      pageDescription: 'Default Description'
    }
  },
  watch: {
    '$route'(to, from) {
      this.updatePageTitle(to.params.id);
    }
  },
  methods: {
    updatePageTitle(id) {
      // 根据 id 更新标题和描述
      this.pageTitle = `Page ${id}`;
      this.pageDescription = `Description for page ${id}`;
    }
  }
}