Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
  • $subscribe的使用

$subscribe的使用

监听state状态变化 订阅state的值:你可以通过store的$subscribe()方法去观察state的改变,类似于subscribe方法。与常规watch()相比,使用$subscribe()的优势在于,在补丁发布后,订阅只会触发一次。

numerStore.$subscribe((mutation,state)=>{
  mutation.counter
  mutation.name
  mutation.isAdmin
  localStorage.setItem("numer",JSON.stringify(state))
})

默认情况下,状态订阅被绑定到添加它们的组件上(如果存储在组件的setup()中)。这就以为着当组件被卸载的时候,将自动移除。如果你想再组件被移除后继续保持它们,可以通过设置{detached:true}作为第二个参数来从当前组件中分离状态订阅。

const someStore = useSomeStore()
someStore.$subscribe(callback, { detached: true })
Edit this page
最近更新: 2025/6/27 02:24
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人