小白问题 组件中的公用属性在js中怎么引用


#1

例:
const host = process.env.NODE_ENV === ‘development’ ? ‘http://localhost:8080’ : ‘http://182.61.23.149:8089’ // 根据 process.env.NODE_ENV 的值判断当前是什么环境
const instance = axios.create({
baseURL: host,
withCredentials: false
})
Vue.prototype.$http = instance

组件中可以直接引用this.$http 可是在js中这样引用就会报错 请问在js 要怎么引用VUE公用属性


#2

不是同一个作用域当然会有问题。


#3

不如注册一个仓库,然后在你需要的页面用vuex来获取这个变量?


#4

如果是要在多个组件之间共享这个属性,变量的 可以看看vuex的官方文档,如果你只是希望在js文件里面拿到vue的实例

就像图中 这样。


#5

楼上代码 可行 谢了

顺便问一下 在vuex中要怎么定义这种类型的引用呢


#6

http://doc.liangxinghua.com/vue-family/4.1.html
折腾几遍就会了。