如果我再次运行这个vuejs javascript脚本，如何存储值?脚本值再次为0

Question

如果我再次运行，此脚本值将再次为0。我希望这个组件记住"；这值"；如何保留最后一个值？

data () {
return {
value: 0
}
},
methods: {
count: function () {
return this.value = this.value + 1
}

Answer 1

这取决于您希望值持久化的场景。

如果只有您的组件正在重新加载(重新渲染(，例如通过v-if的v-for或通过router，您可以使用keep-alive来保留该值。类似地，也可以使用CCD_ 4。

如果您希望该值即使在重新加载整个页面后仍保持不变，则应该使用localStorage来存储该值。

您可以使用计算的getter和setter来更改localStorage中的值，如

computed: {
value: {
get: () => localStorage.getItem('myCat') || 'defaultvalue';
set: (v) => localStorage.setItem('myCat', v);
},
},

当然，您需要研究pro和cons的localstorageapi，因为localstorage不是被动的。

另一方面，您希望将值存储在服务器端，然后考虑他们的许多信息，但您可以使用restapi来获取和发布值。