Vuejs2 如何使用vue head插件设置从数据库读取的元数据？

制作vue/cli 4应用程序我想在数据库中的数据上添加页眉 我用 但问题是title和meta是用我所拥有的vars的初始数据设置的 在数据块中，但不是从我从db读取的var值。我有：

...
import Vue from 'vue'
import VueRouter from 'vue-router'
import VueHead from 'vue-head'
Vue.use(VueHead)
Vue.use(VueRouter)


export default {
    ...
    data() {
        return {
            ...
            site_name : 'QQWWEERRTTYY',
            ...

        }
    }, // data () {


    head: {

        title: function () {
            console.log('-1 this.site_name::')
            console.log(this.site_name) // In console I see “QQWWEERRTTYY” value, but not value what I read from db
            return {
                inner: 'AAA : '+this.site_name
            }
        },

        meta: function () {
            console.log('-2 this.site_name::')
            console.log(this.site_name) // In console I see “QQWWEERRTTYY” value, but not value what I read from db
            return [
                { name: 'description', content: 'BBB Events of '+ this.site_name }
            ]
        },
    },

    ...

    mounted() {

        retrieveAppDictionaries('eventsTimelinePage', ['site_name'])
        bus.$on('appDictionariesRetrieved', (data) => {
            if (data.request_key === 'eventsTimelinePage') {
                this.site_name = data.site_name // I READ DATA FROM DB
            }
        })
    }, // mounted() {

我知道手表也可以在类似的情况下使用，当我需要捕捉赋值时的事件 到了站点名var，但我不知道我可以用Watch是这种情况吗

"vue": "^2.6.10",
"vue-router": "^3.1.3",
"vue-head": "^2.2.0",

谢谢

基于，您现在可以

self.$emit（'updateHead'）

强制vue head根据反应数据重新计算