vue 计算属性监听sessionstorage的值

可以使用Vue的计算属性来监听SessionStorage的值变化，具体实现如下：

<template>
  <div>
    <p>SessionStorage的值为: {{ sessionStorageValue }}</p>
  </div>
</template>

<script>
export default {
  computed: {
    sessionStorageValue () {
      // 计算属性返回SessionStorage的值
      return sessionStorage.getItem('key')
    }
  },
  mounted () {
    // 监听SessionStorage的变化
    window.addEventListener('storage', () => {
      this.$forceUpdate()
    })
  }
}
</script>

在计算属性中，我们使用`sessionStorage.getItem('key')`来获取SessionStorage中的值。

在`mounted`生命周期中，我们使用`window.addEventListener('storage', ...)`来监听SessionStorage的变化。当SessionStorage的值发生变化时，我们使用`this.$forceUpdate()`来强制更新计算属性，从而实现对SessionStorage的监听。