位置:main.js根节点加入:
// vue全局挂载
import api from './api/api';//文件位置
Vue.prototype.api = $api ;//全局挂载+挂载起名
// uniapp全局挂载
import $api from './api/api';//文件位置
Vue.prototype.$api = $api ;//全局挂载+挂载起名
被挂载文件:api.js:
export default{
//登录验证
checkLogin:() => {
console.log("获取用户id" ,uni.getStorageSync('token'))
if(uni.getStorageSync('token')){
return true;
}else{
return false;
}
},
ceshi:'zylsghhzy'
}
直接使用:
<template>
</template>
<script>
export default{
created() {
console.log(this.$api.checkLogin())
console.log(this.$api.ceshi)
},
}
</script>
<style>
</style>
效果:
vue和uniapp全局挂载的唯一区别就是起名字和挂载时候的$符号,如果uniapp不加$会显示调用的函数或者数据undefined