当用户输入密码后,若下次登陆还想保留上次输入的密码,这时需要将密码数据持久化到本地。
localStorage.setItem('array', ...):使用localStorage对象的setItem方法,将键名为"array"的项设置为提供的值。localStorage是一种Web浏览器提供的持久化存储方式,可以用于在用户的浏览器中存储数据。
在将数组存储到本地时,需要将其转换为JSON格式的字符串,因为localStorage
对象只能存储字符串类型的数据。它不支持直接存储JavaScript对象或数组。
使用JSON.stringify
方法可以将JavaScript对象或数组转换为JSON格式的字符串。这个字符串可以存储在localStorage
中,而在需要使用存储的数组时,可以通过JSON.parse
方法将JSON格式的字符串转换回JavaScript对象或数组。
若想将用户的输入密码实时存入本地,需要使用vue2中的watch功能
watch
是一个用于观察数据变化并执行相应操作的功能。它可以用于监视Vue实例中的数据属性、计算属性或者组件的属性。
在下面例子中,我们定义了一个watch
对象,它包含一个名为password的属性。当password属性的值发生变化时,会执行定义的回调函数