vue localstorage用法

Vue的localStorage用法是通过使用Vue插件vue-localstorage来实现的。这个插件提供了一个Vue实例的$localStorage属性，可以用来读取和写入本地存储中的数据。使用方法如下：

1. 安装vue-localstorage插件

npm install vue-localstorage --save

2. 在Vue项目中引入插件

import VueLocalStorage from 'vue-localstorage'

Vue.use(VueLocalStorage)

3. 在Vue组件中使用$localStorage属性

export default {
  data() {
    return {
      message: ''
    }
  },
  mounted() {
    // 从localStorage中读取数据
    this.message = this.$localStorage.get('message')
  },
  methods: {
    saveMessage() {
      // 将数据保存到localStorage中
      this.$localStorage.set('message', this.message)
    }
  }
}

以上就是Vue的localStorage用法，通过使用vue-localstorage插件，可以方便地读取和写入本地存储中的数据。