vue3.2监听sessionStorage中值的变化
时间: 2023-07-20 08:13:51 浏览: 699
React和Vue中监听变量变化的方法
在 Vue 3.2 中,你可以使用`watchEffect`函数来监听`sessionStorage`中值的变化。具体步骤如下:
1. 在组件中导入`watchEffect`函数:`import { watchEffect } from 'vue'`
2. 在`setup`函数中使用`watchEffect`监听`sessionStorage`中值的变化:
```
setup() {
watchEffect(() => {
const value = sessionStorage.getItem('key')
// do something with the value
})
}
```
3. 如果你需要在组件销毁时停止监听,可以将`watchEffect`返回的函数存储起来,在`onUnmounted`钩子函数中调用。例如:
```
setup() {
const stopWatching = watchEffect(() => {
const value = sessionStorage.getItem('key')
// do something with the value
})
onUnmounted(stopWatching)
}
```
这样,当组件销毁时,`stopWatching`函数就会被调用,停止监听`sessionStorage`中值的变化。
阅读全文