在频繁调用一个变量时,为了方便一处修改多处生效,就需要用到全局变量,vue也可以自定义全局变量:通过原型prototype属性给全局Vue增加属性或者方法!

Vue如何定义全局变量?-QUI-Notes

例如:自定义全局api公共地址
1.在main.js里面增加属性

Vue.prototype.base = 'http://localhost:3000'

2.在页面中通过this指向Vue

let url = this.base + '/playlist/detail?id=19723756'

如果全局变量多的话,建议使用Vuex状态管理器。