uniapp配置全局变量与方法

当需要复用一些值或者方法的时候，我们可以采取全局声明的方式来实现复用。这样做的好处是可以减少代码量，同样的功能可以集中处理，方便修改维护

全局声明

看了各种说明和文章，要想集中复用某一个方法，方式有：

1. 单独的js文件，在使用的页面中以import的方式引入调用
2. main.js中进行挂载，在使用的时候不需要进行引用可以直接调用。

如果不想用import的方式引用，那么基本绕不开main.js

相关的概念

Vue.prototype

参考文章1
参考文章2
prototype的意思是原型，Vue.prototype.xxx也就是给Vue原型上添加了属性，那么再创建的Vue实例都会有这个属性

使用$开头是一种默认的，不成文的规定，避免与自己创建的vue实例中的数据冲突

挂载

参考文章3
参考文章4
uniapp官方的介绍说，main.js先引入了Vue库和App.vue，创建了vue实例，并且挂载vue实例

按照文章的理解，就是在页面初始化后，会调用到amount函数，进行关联后，编译…最后生成DOM对象（文档对象模型，是文档的编程接口）

查找文章的时候看到提到了vue有虚拟DOM，没怎么关注过，这篇也没打算介绍。相关的可以看下参考文章

export default

export是导出的意思，好多文章介绍是，表示对vue的单个文件导出模块，这样，就可以在其他地方通过import的方式引入使用了。export default内部是要对外开放的接口和数据

参考文章
参考文章

声明

在main.js中，使用Vue.prototype声明属性
main.js中

import Vue from 'vue'

这个vue，如果你下载了uni-app-master项目，应该能看到src/core目录下有个vue.js文件，指的就是这个这个vue文件，属于Hbuilder内置的文件了

我们了解了这个Vue对象那里来的

通过上面的分析我们知道，想用全局声明，基本离不开main.js

当公用模块比较多的时候，可以对功能进行分类，通过创建多个js文件，然后在main.js中先通过import的方式引入，然后用Vue.prototype的方式声明属性

调用

直接调用指定的js文件，使用import引入的方式
调用在main.js中用Vue.prototype的方式声明的话，就不需要引入了