uni-app中设置全局变量和动态修改全局变量

需求:

解决思路:

具体实现代码:

在common文件夹中新建一个test.js文件，代码如下:

1. exportdefault{
2. $test:[
3. {
4. test:''
5. },
6. {
7. test:''
8. },
9. {
10. test:''
11. }
12. ],
13. setTest($test){
14. this.$test= $test;
15. }
16. }

我添加了一个全局变量 $test，一个是set方法：这个set方法是在组件中修改全局变量时需要的。

在vue项目中的main.js中导入test.js文件:

1. import test from './common/test.js'

然后将该对象添加到vue原型链上，这样就可以在组建中直接调用了

1. Vue.prototype.$test = test;

在组件中通过this访问:

1. this.$test.$test;

在html中访问

1. {{this.$test.$test}}

在组件中修改全局变量:

1. this.$test.setTest(test)

总结:

需求:

解决思路:

具体实现代码:

在common文件夹中新建一个test.js文件，代码如下:

1. exportdefault{
2. $test:[
3. {
4. test:''
5. },
6. {
7. test:''
8. },
9. {
10. test:''
11. }
12. ],
13. setTest($test){
14. this.$test= $test;
15. }
16. }

我添加了一个全局变量 $test，一个是set方法：这个set方法是在组件中修改全局变量时需要的。

在vue项目中的main.js中导入test.js文件:

1. import test from './common/test.js'

然后将该对象添加到vue原型链上，这样就可以在组建中直接调用了

1. Vue.prototype.$test = test;

在组件中通过this访问:

1. this.$test.$test;

在html中访问

1. {{this.$test.$test}}

在组件中修改全局变量:

1. this.$test.setTest(test)

总结: