1. ホーム
  2. vue-component

[解決済み] Vuejsにグローバル変数を適用する

2023-01-20 18:20:30

質問

私は、インスタンス化時にVueコンポーネントにグローバルに渡したいjavascript変数を持っており、登録された各コンポーネントは、プロパティとしてそれを持つか、それがグローバルにアクセスすることができます。

注:: 私は、このグローバル変数をVuejsのために 読み取り専用 プロパティに設定する必要があります。

どのように解決するのですか?

ちょうど インスタンスのプロパティを追加する

例えば、すべてのコンポーネントがグローバルな appName にアクセスすることができ、1行のコードを書くだけです。

Vue.prototype.$appName = 'My App'

$ はマジックではなく、Vueがすべてのインスタンスで利用可能なプロパティに使用する規約です。

あるいは、次のようにすることもできます。 プラグインを書く を作成することもできます。