vue全局变量的声明方式

1、通过外部Js引入

创建单独的Js： constants.js:

const websiteUrl = 'http://www.baidu.com'; 

在需要的界面引入（不可以全局引入）

<script>
 import constant from 'common/constants.js'
 export default {
      message: constant.websiteUrl
.....

2、 通过Vue.prototype

在main.js中通过Vue.prototype声明变量

Vue.prototype.websiteUrl = "http://www.baidu.com"

在需要的页面通过this.字段名获取（作用于全局）

<script>
 export default {
    data() {
        return {
            message: this.websiteUrl,
...