认识Vue中的qs插件

一、qs是什么？

qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。

二、qs的安装

qs，是axios中自带的，也是npm仓库所管理的包。

安装方式：

npm install qs

Vue项目中的导入方式：

import qs from 'qs'

Vue项目中的main.js中设置全局属性的方式：

Vue.prototype.$qs = qs

三、qs使用

介绍它的两个方法：stringify和parse。

qs.stringify(data)

stringify方法，是将对象序列化成url形式的字符串，以&符号进行拼接。

示例及输出效果如下:

const userObj = {name:'xiaoming',password:'123123'}
qs.stringify(userObj)
console.log('转换后的格式：',qs.stringify(userObj)
// 转换后的格式：name=xiaoming&password=123123

qs.parse(data)

parse方法，是将URL形式的字符串解析成对象

示例及输出效果如下:

import qs from 'qs'
const userStr = 'name=xiaoming&password=123456'
let obj=qs.parse(userStr)
console.log('转换后的格式：',obj)
// obj={
//    name:'xiaoming',
//    password:'123456'
// }

四、qs与JSON的区别

注：
作者：Favour965
链接：https://juejin.cn/post/7212821769030336571
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。