vue2 侧边栏 监听sessionStorage中值的变化

要监听sessionStorage中值的变化，可以使用Vue的watch属性。具体步骤如下：

1. 在Vue实例中创建一个data属性，用来存储sessionStorage中的值。

2. 在created生命周期钩子中，将sessionStorage中的值赋给data属性。

3. 使用watch属性监听data属性的变化，当data属性发生变化时，执行相应的操作。

代码示例：

<template>
  <div>
    <!-- 侧边栏组件 -->
    <sidebar :isOpen="isOpen" />
  </div>
</template>

<script>
import Sidebar from './Sidebar.vue'

export default {
  components: {
    Sidebar
  },
  data () {
    return {
      isOpen: false // 侧边栏是否打开
    }
  },
  created () {
    // 从sessionStorage中获取isOpen的值
    const isOpen = sessionStorage.getItem('isOpen')
    if (isOpen) {
      this.isOpen = JSON.parse(isOpen)
    }
  },
  watch: {
    // 监听isOpen属性的变化
    isOpen (val) {
      // 将isOpen的值存储到sessionStorage中
      sessionStorage.setItem('isOpen', JSON.stringify(val))
    }
  }
}
</script>

在上面的代码中，我们创建了一个名为isOpen的data属性，用来保存侧边栏是否打开的状态。在created钩子中，我们从sessionStorage中获取isOpen的值，并将其赋给data属性。然后，我们使用Vue的watch属性监听isOpen属性的变化，当isOpen属性发生变化时，将其存储到sessionStorage中。这样，我们就可以实现监听sessionStorage中值的变化了。