使用本地存储，不是vuex

在Vue项目中，除了Vuex之外，还可以直接使用浏览器提供的本地存储API（如localStorage和sessionStorage）来进行数据的存储。这里简单介绍一下如何在Vue组件中使用本地存储：

1. **存储**:
如果你想存储一些简单的键值对，可以在组件的`beforeDestroy`生命周期钩子中将数据序列化并保存到localStorage：

   beforeDestroy() {
     localStorage.setItem('myData', JSON.stringify(this.myData));
   }

或者如果你的数据更复杂，可以使用一个自定义的存储函数封装数据和JSON.stringify过程。

2. **读取**:
在组件的`created`或`mounted`阶段，你可以从localStorage中读取数据：

   created() {
     try {
       let data = localStorage.getItem('myData');
       this.myData = data ? JSON.parse(data) : {}; // 初始化为空对象或默认值
     } catch (error) {
       console.error('Error reading local storage:', error);
     }
   }

3. **更新**:
当数据有变动时，需要同步更新到本地存储，这通常发生在`updated`钩子里：

   updated() {
     localStorage.setItem('myData', JSON.stringify(this.myData));
   }

注意，本地存储数据量有限，不适合大量实时数据的持久化。而且，它不会自动同步，刷新页面后会丢失数据。