Vue使用Global设置全局变量和常量

1. 首先编辑Global.vue文件

<script>
//首页
const HOME = 'https://www.yangshuaionline.com/'
//保存全局状态
import Vue from 'vue'
let State = new Vue({
  data() {
    return {
      is_phone: false,
    }
  },
})
export default {
  HOME,
  State,
}
</script>

2. 在main.js文件中引入Global.vue

import Global from './utils/Global'
Vue.prototype.GLOBAL = Global //挂载到Vue实例上面

3. 使用方法

this.GLOBAL.State.is_phone = true
this.GLOBAL.HOME

4. 如果不想挂载到GLOBAL上面，只需要把步骤2中的import引入对应的vue文件的script中即可，使用方法

import Global from './utils/Global'
Global.State.is_phone = true
Global.HOME