将一些使用频率较高的常量或者方法，直接扩展到 Vue.prototype 上，每个 Vue 对象都会“继承”下来。
优点：只需要在 main.js 中定义好即可在每个页面中直接调用。
注意：Vue 上挂载属性的方式只支持vue页面，不能在 nvue页面中使用。
示例如下：
- 在 main.js 中挂载属性/方法
Vue.prototype.apiUrl = 'http://uniapp.dcloud.io';
Vue.prototype.now = Date.now || function () {
return new Date().getTime();
};
Vue.prototype.isArray = Array.isArray || function (obj) {
return obj instanceof Array;
};
Vue.prototype.dosomething = function(){
console.log('do....');
}
- 在test.vue 中调用
<template>
<view>
当前时间戳:{{time}}
</view>
</template>
<script>
export default {
data() {
return {
time:""
}
},
methods: {
},
onLoad:function(){
this.dosomething();
console.log("now:" + this.now());
this.time = this.now();
console.log("apiUrl :" + this.apiUrl);
}
}
</script>
<style>
</style>
建议：
- 每个页面中不要再出现和全局变量（或方法）相同的属性名（或方法名）。
- 在 Vue.prototype 上挂载的属性或方法，可以加一个统一的前缀。比如 $url、global_url 这样，在阅读代码时也容易与当前页面的内容区分开。
