vue监听本地存储的值

可以使用Vue的computed属性和watch属性来监听本地存储的值。

1. 使用computed属性监听本地存储的值：

computed: {
  localStorageValue () {
    return localStorage.getItem('key')
  }
}

在模板中使用localStorageValue即可监听本地存储的值。

2. 使用watch属性监听本地存储的值：

watch: {
  '$route' () {
    this.localStorageValue = localStorage.getItem('key')
  }
}

在这个例子中，我们监听了Vue的$route属性，当$route发生变化时，将本地存储的值赋给一个data属性localStorageValue。

注意：使用computed属性会在页面渲染时立即获取本地存储的值，而使用watch属性则是在$route变化时才获取本地存储的值。