vue3怎么使用qs

在 Vue3 中使用 `qs` 库可以按照以下步骤：

1. 安装 `qs` 库

在终端中执行以下命令安装 `qs` 库：

   npm install qs

2. 在需要使用的组件中引入 `qs`

在组件中引入 `qs` 库：

   import qs from 'qs'

如果你使用的是 TypeScript，可以在 `vue-shim.d.ts` 文件中添加以下代码：

   declare module 'qs' {
     const qs: any
     export default qs
   }

这样就可以在组件中直接使用 `qs` 变量了。

3. 使用 `qs` 库处理请求数据

`qs` 库提供了许多方法来处理请求数据，例如 `qs.stringify` 用于将对象序列化为 URL 查询字符串，`qs.parse` 用于将 URL 查询字符串解析为对象等。

在组件中使用 `qs` 库处理请求数据的例子：

   import axios from 'axios'
   import qs from 'qs'

   export default {
     methods: {
       async submitForm(formData) {
         try {
           const response = await axios.post('/api/submit', qs.stringify(formData))
           console.log(response.data)
         } catch (error) {
           console.error(error)
         }
       }
     }
   }

在上面的例子中，`qs.stringify` 方法将 `formData` 对象序列化为 URL 查询字符串，然后作为请求体发送给服务器。