大话Stable-Diffusion-Webui-动手开发一个简单的stable-diffusion-webui（四）

vueuse

vueuse工具包封装了一些常用的方法，且对于数据的操作是响应式的。接下里我们会用其中的useStorage方法保存组件中的参数以及文生图API的请求结果，这样在浏览器刷新后依然可以得到原来的数据。

安装

PS D:\AI\sd\blog\sd_api> npm install @vueuse/core

added 6 packages in 1s

文生图请求参数以及请求结果保存

上篇内容我们已经实现了文生图的功能，但是当我们主动刷新网页后，组件中填充的参数又回到了默认，为此我们需要将这些参数保存在浏览器的内存中。
首先需要在main.vue中的script标签中引入vueuse，然后进行使用

<!-- 脚本代码 -->
<script lang="ts"