vue2监听localstorage的值

在 Vue 2 中，你可以通过 `watch` 函数监听 `localStorage` 的值。以下是示例代码：

export default {
  data() {
    return {
      myValue: ''
    }
  },
  mounted() {
    // 监听 localStorage 变化
    window.addEventListener('storage', this.handleStorageChange)
  },
  beforeUnmount() {
    // 移除监听
    window.removeEventListener('storage', this.handleStorageChange)
  },
  methods: {
    handleStorageChange(event) {
      if (event.key === 'myKey') {
        this.myValue = event.newValue
      }
    }
  }
}

在上面的代码中，我们使用 `window.addEventListener()` 和 `window.removeEventListener()` 来添加和移除 `storage` 事件的监听器。然后，我们定义了一个 `handleStorageChange()` 方法来处理 `storage` 事件的变化。在 `handleStorageChange()` 方法中，我们检查 `event.key` 是否是我们要监听的键值对的键名，如果是，我们就把 `event.newValue` 赋值给组件的 `myValue` 数据属性。这样，每当 `localStorage` 中的值发生变化时，组件中的 `myValue` 数据属性也会跟着变化。