ABC globalに参照するオブジェクト

Vue.observableを使うらしい。

/* eslint-disable */
import Vue from 'vue'

/// グローバル変数定義
const state = Vue.observable({
    _hoge:"Hoge",
    get hoge(): string {
        return this._hoge;
    },
    set hoge(value:string) {
        this._hoge = value;
    }
})

declare module 'vue/types/vue' {
    interface Vue {
        $state: typeof state;
    }
}

Vue.prototype.$state = state;

export default state;

これでmain.tsにimportしておく。

あとは使いたいファイルでimportして

      console.log("globaltest:"+state.hoge);

とか

    <p> global var {{ $state.hoge }} </p>

のようにして使える。