vue-meta 版本 3：metaInfo 错误“这是未定义的”如何通过 api 调用创建动态元

如何解决vue-meta 版本 3：metaInfo 错误“这是未定义的”如何通过 api 调用创建动态元

在 vue-Meta version 3 中我使用 MetaInfo 就像 vue-Meta version 2

我导入了 vue-Meta 插件但我无法访问组件，错误是“这是未定义的”

在 setup() 中，我们只访问道具和上下文

如何通过 api 调用创建动态元数据，哪种方式是标准方式

vue-meta version 3 documentation

我的 app.js

import { createApp } from 'vue'
import Axios from 'axios'
import { createMetaManager,plugin as MetaPlugin } from 'vue-Meta'

const app = createApp({
    components: {
        ...
    }
})
app.use(createMetaManager())
app.use(MetaPlugin)

我的组件

export default {
  data: function () {
    return {
      productName: '',};
  },mounted() {
      axios.post('/get_product_name').then((response)=>{
          this.productName = response.data.product_name
      })
  },MetaInfo() {
    let productName = this.productName; 
    return {
       title: productName ?  "product : " + productName : "product",}
  }
}