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

vue中如何使用全局变量?-Qui-Note

使用方法

1.定义全局变量

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

2.页面使用方法:

this.appName

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

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

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