vue.jsのアプリケーション全体のグローバル

Question

Vue.jsには、baseUrlのようなアプリケーション全体のグローバルを宣言してから、アプリケーション全体（API呼び出しなど）に参照する慣用方法がありますか？

もしそうなら、開発、テスト、プロードインスタンスを作成するためにビルド時にこのようなグローバルを設定する最良の方法は何ですか？たとえば、export BASEURL='http://dev.myapp.com'を実行してビルドを実行し、このbaseUrlが設定されたアプリを取得するとします。これにより、継続配送の自動ビルドを作成できるようになり、特定のブランチが更新されます（develop - >dev.myapp.com、master - >www.myapp.comなど）。

ありがとうございます！

Answer 1

私が行うこと：Vuexのような状態管理ツールを使用してください。

アプリケーションに複雑さを加えたくない場合は、親Vueインスタンスを使用します（App.vueとし、そのインスタンスでグローバルデータを定義します）。親からのデータが必要な場合は、this.$root.baseUrl baseUrlが必要です。 this.$parent.baseUrlも呼び出すことができますが、これは子供の子供の中にいる場合は直接的な子供のためだけに働くので、グローバルデータを得ることはできませんので、$rootという方が良いでしょう。