全局缓存、组件通讯

  1. 全局缓存是响应式的,如:A页面缓存的对象同时在B页面显示,修改值后A、B两个页显示都会变化
  2. 全局缓存可以缓存任意对象、属性、方法

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});