一、情景说明
我们学习Vue
的时候,知道可以用watch
来监听数据的变化
那么,Pinia的store
中的数据发生变化,如何监听了?
这里就用到$subscribe
来实现效果
这一篇,$subscribe+localStorage
实现数据存储的案例,来介绍这个API
的功能
二、案例
1、监听数据
LoveTalk.vue
//这个API的作用,类似于Vue中的watch,监听store中的数据变化talkStore.$subscribe((mutate,state)=>{console.log('talkStore里面保存的数据发生了变化',mutate,state)localStorage.setItem('talkList',JSON.stringify(state.talkList))})
2、创建数据
loveTalk.ts
state(){return {talkList:JSON.parse(localStorage.getItem('talkList') as string) || []}}