vue2持久化存储到本地

在Vue 2中，你可以使用Web Storage API（localStorage或sessionStorage）来实现持久化存储到本地。

下面是一个简单的示例，演示如何在Vue 2中使用localStorage来持久化存储数据：

1. 在Vue组件中，你可以使用created生命周期钩子来初始化数据并存储到localStorage中：

javascript复制代码

	<template>
	<div>
	<input v-model="username" type="text" placeholder="Enter your username">
	<button @click="saveData">Save Data</button>
	</div>
	</template>
	<script>
	export default {
	data() {
	return {
	username: ''
	};
	},
	created() {
	// 从localStorage中获取数据
	const storedData = localStorage.getItem('username');
	if (storedData) {
	this.username = storedData;
	}
	},
	methods: {
	saveData() {
	// 将数据存储到localStorage中
	localStorage.setItem('username', this.username);
	}
	}
	};
	</script>

在上面的示例中，我们在created钩子中从localStorage中获取存储的数据，并将其赋值给组件的username数据属性。当用户点击"Save Data"按钮时，我们在saveData方法中将当前输入框中的值存储到localStorage中。

这样，即使在页面刷新或关闭后，用户输入的数据也可以被持久化保存，并且在下次访问时可以自动填充。