创建 utils.js
// 设置缓存
const set = (key, value) => {
localStorage.setItem(key, value);
};
// 获取缓存
const get = (key) => {
return localStorage.getItem(key);
};
// 清楚缓存
const remove = (key) => {
localStorage.removeItem(key);
};
// 清空缓存
const clear = () => {
localStorage.clear();
};
export default {
set,
get,
remove,
clear,
};
在入口文件全局引入
import utils from "./utils/index.js";
app.config.globalProperties = {
$utils: utils,
};
// 或者
app.config.globalProperties.$utils= utils;
在页面使用
<template>
<div>
</div>
</template>
<script>
import { onMounted,onUnmounted, getCurrentInstance, ref,reactive,toRefs } from 'vue';
import { useStore } from 'vuex';
import { useRouter } from 'vue-router';
export default {
components: {
},
setup() {
let store = useStore();
let route = useRouter();
let state = reactive({
})
const { proxy } = getCurrentInstance();
onMounted(()=>{
proxy.$utils.set('name','赵子龙')
})
onUnmounted(()=>{
})
return {
...toRefs(state)
}
}
};
</script>
<style scoped lang="less">
</style>