【vue隨手筆記】Vue設定靜態常量

weixin_33936401發表於2018-08-28
Vue筆記

1、自定義目錄：

在src 下建立 constants 目錄 如圖所示：


4253553-dcab7264b6f6c3eb.png
建立目錄.png

2、自定義js：

在新建好的constants中建立自己自定義的JS檔案，如圖所示：


4253553-532e8bfdb03e9b05.png
建立好的js檔案.png

3、在該自定義js檔案中寫入程式碼：

    const BASE_URL = "https://www.baidu.com"
    export default{
        BASE_URL
    }

4、在route目錄下的index.js中導包並賦值全域性變數：

import net from "@/constants/Net.Constants"

Vue.prototype.NET = net

5、使用靜態變數：

<template>
        <button  v-on:click="test">
            測試
        </button>
</template>

<script>

export default {
    methods:{
       test: function(){
           console.log('====================================');
           console.log(this.NET.BASE_URL);
           console.log('====================================');
       }
    }
}
</script>

<style lang="less" scoped>

</style>

5、點選效果：

4253553-8588fad0ec06e517.png
點選效果.png

相關文章