Webpack Vue头=>；如何异步更改元函数中的信息

我试图通过API调用将我网站的社交共享元标记更改为来自后端数据库的数据

}

然后在我的方法对象中

methods: {
getAsyncData: function () {
  var self = this
  window.setTimeout(function () {
    self.title = self.artist.stagename + ' | ' + self.title
    self.meta: function () {
      return [
         { name: 'description', content: this.meta.description, id: 'desc' },
         { name: 'application-name', content: this.meta.application_name },
        // Twitter
        { name: 'twitter:title', content: this.title },
        // with shorthand
        { n: 'twitter:description', c: this.meta.description },
        // Google+ / Schema.org
        { itemprop: 'name', content: this.meta.application_name },
        { itemprop: 'description', content: this.meta.description },
        // Facebook / Open Graph
        { property: 'fb:app_id', content: '150240095600075' },
        { property: 'og:title', content: this.title },
        // with shorthand
        { p: 'og:image', c: 'http://example.com/static/favicon.png' }
      ]
    }
    self.$emit('updateHead')
  }, 3000)
}

}

我希望Facebook、Twitter、LinkedIn和Google+等社交共享元标记以及页面的其他元标记信息在页面完全呈现（装载或加载）后发生变化，因为所有信息都来自后端数据库，因此当用户将页面共享到Facebook、Twitter、LinkedIn和Google+时，图像、标题、，说明和信息将来自数据库。 我在webpack编译代码时遇到以下错误：

分析错误：意外标记，应为

---

这里似乎有一个问题，我认为：

self.title = self.artist.stagename + ' | ' + self.title
self.meta: function () {

你不必说：

self.meta = function() ... OR { ... } ?

---

我认为这里肯定有语法错误

代码中的self.meta:出现语法错误，而不是冒号

：

它应该是等号

=

self.meta = function () {
  return [
   {}
  ]
}

---

如果您试图解析JSON数据，请删除注释符号/@samayo。注释不是问题，因为我已经删除了它们。我精确地得到了这一行的错误：self.meta:function（）{@ERSS你有没有发现这个问题？@ERSS你可以在哪里成功地共享到社交媒体？@mythicalcoder由于vuejs不是服务器端呈现的，所以这不是成功的想法。在将日期填充到头部区域之前，爬虫机器人收到200 OK并退出，因为index.html文件很小，加载速度更快。我导致了我们ing NuxtJs[它是VueJs的SSR等价物。

self.meta = function () {
  return [
   {}
  ]
}