vuex使用很方便，对于单页面应用来说，跨页面获取变量就需要用vuex，不过也可以在main.js文件里面直接定义全局变量，然后在子页面中调用。

vue中如何使用全局变量？-QUI-Notes

使用方法

1.定义全局变量

Vue.prototype.appName = “七娃博客”;

2.页面使用方法：

this.appName

虽然说这样子用着很方便，但是需要注意其前后顺序，必须先设置，后使用，假如组件在切换的过程中绕过了设置全局变量，那么获取的时候就得到了undefined，这就很尴尬。

不过，我们也可以在入口main.js设置全局常量，在vue页面中都可以获取使用这个常量，我们一般用来定义接口的域名，端口等信息，因为这些子页面不会经常改变。

总之，虽然能使用这种方法定义变量，但是还是要慎用，小心使用。毕竟vue是数据驱动，数据出现问题，后面的程序有可能直接挂掉，还是要根据场景使用H5缓存，vuex，以及全局变量。