全局缓存、组件通讯
全局缓存是响应式的,如:A页面缓存的对象同时在B页面显示,修改值后A、B两个页显示都会变化
全局缓存可以缓存任意对象、属性、方法
vue3语法
<script setup>
import {ref,defineProps,defineEmits,defineExpose,getCurrentInstance} from 'vue'
const {proxy} = getCurrentInstance();
//全局缓存,obj可以是任意对象,包括对象、属性、方法等
proxy.base.setItem("key",obj)
//获取缓存对象(上面缓存对象后,在其他任意页面都可以通过getItem获取到缓存的数据)
const obj = proxy.base.getItem("key")
//缓存方法
proxy.base.setItem("key",(data)=>{
console.log(data)
})
//调用缓存方法
const fn = proxy.base.getItem("key")
fn({参数:123});
</script>
vue2语法
//全局缓存,obj可以是任意对象,包括对象、属性、方法等
this.base.setItem("key",obj)
//获取缓存对象(上面缓存对象后,在其他任意页面都可以通过getItem获取到缓存的数据)
const obj = this.base.getItem("key")
//缓存方法
this.base.setItem("key",(data)=>{
console.log(data)
})
//调用缓存方法
const fn = this.base.getItem("key")
fn({参数:123});