微信小程序引用全局变量和方法

方法一：通过引用.js文件实现

1、在js文件中定义全局变量和方法，如在common.js定义全局变量和方法

2、在common.js中定义ip和方法

const common = {
	ip: "https://test.com/lzz",

	getGlobalUserInfo: function () {
		return uni.getStorageSync('userInfo');
	},
}

export default common;

3、在页面中引用变量和方法：

<script>
// 1 先引入
import common from '../../common/common.js';
export default {
    data() {
      return {
        ip:'',
        userid: '',
      }
    },
    onLoad() {
      let that = this;
      // 2 引用
      that.ip=common.ip;
      that.userid = common.getGlobalUserInfo().id;
    }

}

方法二：通过挂载的方式实现

1、在main.js中挂载全局变量ip 和getGlobalUserInfo()

import Vue from 'vue'
import App from './App'
Vue.config.productionTip = false

Vue.prototype.ip = "https://test.com/lzz";			
Vue.prototype.getGlobalUserInfo = function(key) {
	var userInfo = uni.getStorageSync(key);
	if (userInfo != null && userInfo != "" && userInfo != undefined) {
		return userInfo;
	} else {
		return null;
	}
}

App.mpType = 'app'
const app = new Vue({
    ...App
})
app.$mount()

2、在页面中直接引用

<script>
	export default {
		data() {
			return {
				userIsLogin: false,
				userInfo: {}
			};
		},
		onShow() {
			var me = this;
			// 使用挂载方法获取用户数据
			var userInfo = me.getGlobalUserInfo("userInfo");
			if (userInfo != null) {
				me.userIsLogin = true;
				me.userInfo = userInfo;
			} else {
				me.userIsLogin = false;
				me.userInfo = {};
			}
		}
	}
</script>