vue.jsで変数を定義する方法

vue.js で変数を定義する方法: 最初に vue モジュールを定義し、次に const を使用して変数を定義し、export を使用して変数を公開し、最後にグローバル変数を使用する必要があるモジュールに変数をインポートします。

このチュートリアルの動作環境: Windows 10 システム、vue バージョン 2.9。この方法は、すべてのブランドのコンピューターに適しています。

(関連ビデオ共有: javascript ビデオ チュートリアル)

変数を定義する手順は次のとおりです:

1. vue モジュールを定義し、変数を const で指定し、export を使用してそれを外部に公開します。

Globle.vue

<script>
// 服务端url
    const SERVER_BASE_URL = &#39;http://10.199.xxx.x0:8081/&#39;
    export default{
        SERVER_BASE_URL
    }
</script>

2。グローバル変数を使用するモジュールの場合は、

test.vue を使用します。

import global_ from 'components/common/Global.vue'
console.log(global_.SERVER_BASE_URL)

vue.js チュートリアル

以上がvue.jsで変数を定義する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。