vue.js定义变量的方法

小编给大家分享一下vue.js定义变量的方法，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

vue.js定义变量的方法：首先定义一个vue模块；然后使用const定义变量，并使用export对外暴露；最后在需要使用到全局变量的模块中进行导入即可。

定义变量的步骤如下：

1、定义一个vue模块，const定义变量，并用export对外暴露.

Globle.vue

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

2、在用到全局变量的模块，import后再使用

test.vue

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

看完了这篇文章，相信你对vue.js定义变量的方法有了一定的了解，想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>