vue页面关闭以后如何保存

1、打开HBuilderX工具，创建vue项目；然后新建vue文件SavePageData.vue

2、打开已新建的vue组件文件，在template标签中插入一个form表单，内嵌一个按钮

3、接着在按钮下方，添加一个弹窗el-dialog，并绑定不同的变量

4、在data对象初始化变量，然后定义方法openWin和sureData

5、打开App.vue文件，引入SavePageData组件，并在界面代码中使用

6、保存代码并使用命令运行，打开浏览器，查看界面效果

7、点击打开按钮，弹出一个弹窗，然后输入内容和选择选项，关闭窗口再次打开