为了账号安全,请及时绑定邮箱和手机立即绑定

一个含有多个变量的js文件,其中的变量如何能被多个文件引用?

一个含有多个变量的js文件,其中的变量如何能被多个文件引用?

浮云间 2019-03-14 19:15:13
描述:由于是项目升级,不想做太多改动,该js文件里变量原定义形式是:含有大量的变量声明:如:var aaa='变量1';var bbb='变量2';var ccc='变量3';var ddd='变量4';...如何将这些公用的变量放到项目(vue项目或者ember项目)的某个位置,使其能被其它文件引用?并如何被引用?已知一种方法:可以新建一个common.js,common.js中export一个对象,然后将你全局用的变量放在这个对象里面就行了。common.js:export default {a:[1,2,3]}main.js:import commonJs from ./common.js在mian.js中把commonJs挂在windown上面window.commonJs = commonJs在组件中就可以commonJs.a访问到这个数组了但这种方法我需要对原来的代码改称键值对的形式,我觉得这样的改动好像不小,请问还有没有其它方法?
查看完整描述

2 回答

?
慕姐8265434

TA贡献1813条经验 获得超2个赞

可以这样

common.js


export var a = 1

export var b = 2

main.js


import {a} from './common.js'


查看完整回答
反对 回复 2019-03-19
?
慕婉清6462132

TA贡献1804条经验 获得超2个赞

你这种方法虽然可行,但是并不是用来做这个事情的。想象一下,假设你在commom.js里面设置全局变量,如果你想在页面改动这个变量呢?难道每个页面重新赋值?再假设如果你想在某个页面改动了这个变量别的页面也想统一响应这个改变呢?所以vuex才是解决你疑问的正确 途径


查看完整回答
反对 回复 2019-03-19
  • 2 回答
  • 0 关注
  • 1525 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信