Vue中如何进行本地存储（LocalStorage）

在Vue中，你可以使用原生的Web API localStorage 来进行数据的本地存储。以下是一个简单的例子，展示了如何在Vue组件中使用localStorage：

<template>
  <div>
    <input type="text" v-model="inputValue" @input="saveToLocalStorage">
    <button @click="loadFromLocalStorage">Load</button>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    saveToLocalStorage() {
      localStorage.setItem('myData', this.inputValue);
    },
    loadFromLocalStorage() {
      this.inputValue = localStorage.getItem('myData') || '';
    }
  },
  created() {
    this.loadFromLocalStorage();
  }
};
</script>

在这个例子中，我们有一个文本输入框绑定到inputValue数据属性。每次输入发生变化时，通过saveToLocalStorage方法将数据保存到localStorage。另外，我们提供了一个按钮，当点击时，会从localStorage加载数据到inputValue。

在组件的created生命周期钩子中，我们自动加载了存储的数据，这样用户打开页面时，之前输入的数据会立即可见。