如何使用Vue.js将数据插入本地存储?

时间:2019-09-18 16:42:55

标签: javascript vue.js local-storage google-chrome-devtools

我正在尝试使用Vue.js将数据存储到本地存储中。

如果我进入main.js文件并编写localStorage.set('something',5)。我可以在“开发”面板的“应用程序”面板下的“存储”下查看数据。

我希望这与我的其他数据(实际上是我计划使用的数据)一起发生,但我看不到。但是,此代码存储在App.vue父组件中的“方法:{}”下。我要假设这是问题所在,但是由于我是Vue的新手,所以我不知道将代码放在哪里,以便将其显示在开发工具的本地存储中。

我在这里显示代码以显示其位置,而不是功能。

main

我需要在哪里放置代码,以便在本地存储中看到此数据?

1 个答案:

答案 0 :(得分:1)

存储数据的文件无关紧要。在您的网站上都可以使用它,并确保您的setHealthScore()正常运行。