如何实现 vue 实现 tab 切换页面内容 保存用户输入的内容

接到一个需求 要我去做一个 tab 切换页面的功能 需求是这样说的：

如果用户在 a 页面添写一些表单，同时要查看 b 页面，希望能在同一个 url 下进行切换，切换后 a 页面输入的数据依旧存在，且可以随时切换。

我的思路是去拿页面的模版，进行页面上的替换 但是这样就会遇到一个问题

如果用户刷新页面，那刷新的是当前页面，可是我好像没办法阻止浏览器默认的刷新事件。能保证 a 页面的表单不被清空，请教一下大佬我该如何实现该功能。