vue 定义和修改全局变量

// main.js
new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App),
  data: ()=>{
    return {
      ISROOT: '13',  // 全局变量
    }
  }
})

如何修改和使用呢

this.$root.ISROOT = '15' // 进行修改
let newRoot = this.$root.ISROOT // 使用

有一个坑
如果我在页面修改了全局变量并且进行使用，如果用户刷新了页面，那么当前页面使用的全局变量就会恢复到在main.js中定义的初始值，所以全局变量更适合一次性使用
如果需要多次，那么可以考虑存储到localStorage中去

不过我们一般使用的是VueX去管理和修改全局变量