html - vue如何定义一个变量,让所有组件都能使用
伊谢尔伦
伊谢尔伦 2017-04-17 14:59:13
[HTML讨论组]

如图,每个get和post请求都一个url,项目进行太多的数据交互 所以需要把每个url的相同部分定义成一个变量,
这样方便以后修改 但我不懂如何在vue里面定义一个公共变量,让所有组件都能使用。希望大家帮帮忙,谢谢

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(5)
巴扎黑

main.js

import domain from './domain.js';
global.domain = domain;

domain.js

const domain = '//192.168.1.117:1009/';

export default {
    testUrl: domain + '/cas/doc/docTypeList'
}

如上所示的结构可以解决在大中型vue应用中的请求url的管理,楼主可以在main.js中引入该domain.js,并将其暴露为全局变量,在每个组件中就能通过domain.testUrl的方式获取到设置的对应的url地址。
好处如下:

  • 集中式的url管理,方便后期管理和修改

  • 方便编码,在请求通过domain.testUrl的方式即可

PHP中文网

这个跟vue ,貌似没关系吧。如果是用ES6,就可以用 const 模块来做了。

// api.js

export const BASE_URL = '//192.168.1.117:1009/'
... ...

调用:

import { BASE_URL } from 'api'

this.$http.get(`{BASE_URL}/cas/doc/docTypeList`)
... 

这类问题,可以借鉴redux 里面针对模块定义的方案。
vue 也有同款:vuex

ringa_lee

API.js

var API='xxxxx';
exports.API=API;

import API from './API'

API.API
高洛峰

写个Vue插件啊,插件是全局的。

天蓬老师

全局变量window或者vuex

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号