如何使用vue-head插件从数据库设置meta read？

npm install vue vue-head

import Vue from 'vue'
import VueHead from 'vue-head'

Vue.use(VueHead)

export default {
  head() {
    return {
      title: this.pageTitle,
      meta: [
        { name: 'description', content: this.pageDescription },
        { property: 'og:title', content: this.pageTitle },
        { property: 'og:description', content: this.pageDescription },
        // 其他meta标签...
      ]
    }
  },
  data() {
    return {
      pageTitle: '',
      pageDescription: ''
    }
  },
  created() {
    // 从数据库中获取页面标题和描述
    // 并将其赋值给pageTitle和pageDescription
    // 例如，你可以使用axios库发送HTTP请求来获取数据
    axios.get('/api/page-data')
      .then(response => {
        this.pageTitle = response.data.title
        this.pageDescription = response.data.description
      })
      .catch(error => {
        console.error(error)
      })
  }
}