VUE 创建全局变量(整个vue实例可用且可修改)

  1. main.js
    这里我是想要从服务器获取网络连接路径 一些网络路径变动之后 只需要修改后台
import http from './utils/http'


Vue.use(vueSeamlessScroll)

Vue.use(ElementUI, { locale })

Vue.config.productionTip = false


async function main () {

    new Vue({
        el: '#app',
        router,
        render: h => h(App),
        data: function () {
            return {
                local_url: '',
                url_data: ''
            }
        },
        mounted () {
            http.get('http://ip:port/xxxx/xxxx').then((res) => {
                this.$root.local_url = res.data.data.local_url
                this.$root.url_data = res.data.data.url_data
                axios.defaults.baseURL = this.$root.local_url
                Vue.prototype.$http = axios
            }).catch(() => {

            })
        }
    })

}

main();
  1. 使用
// 在拥有vue实例对象的页面中
this.$root.对象名
// 如果还有二级的话 就是 this.$root.xxx.xxx
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值