vue中qs的两个方法怎么用

本篇内容主要讲解“vue中qs的两个方法怎么用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“vue中qs的两个方法怎么用”吧! qs的两个免费云主机、域名方法是：1、stringify方法，用于将对象序列化成url形式的字符串，以“&”符号进行拼接，语法“qs.stringify(data)”；2、parse方法，用于将URL形式的字符串解析成对象，语法“qs.parse(data)”。qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。qs，是axios中自带的，也是npm仓库所管理的包。安装方式：

npminstallqs

Vue项目中的导入方式：

importqsfrom'qs'

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

Vue.prototype.$qs=qs

使用axios，调用后端接口时使用到的。请求方式为post，axios.defaults.headers.post[‘Content-Type’] = ‘application/x-www-form-urllencoded’，将对象或数组的参数使用qs.stringify()进行序列化转化介绍它的两个方法：stringify和parse。qs.stringify(data)stringify方法，是将对象序列化成url形式的字符串，以&符号进行拼接。

onstQs=require('qs');
letobj={
method:"query_sql_dataset_data",
projectId:"85",
appToken:"7d22e38e-5717-11e7-907b-a6006ad3dba0",
datasetId:"12564701"
};
Qs.stringify(obj);
console.log(Qs.stringify(obj));

如上面代码所示,输出结果如下

{"uid":"cs11","pwd":"000000als","username":"cs11","password":"000000als"}
uid=cs11&pwd=000000als&username=cs11&password=000000als

qs.parse(data)parse方法，是将URL形式的字符串解析成对象示例及输出效果如下:

importqsfrom'qs'

constuserStr='name=xiaoming&password=123456'
//qs.parse(userStr)
console.log('转换后的格式：',qs.parse(userStr))

//Object{
//name:'xiaoming',
//password:'123456'
//}

一直不太了解qs与JSON到底有什么区别？！网上仔细查了一下，总结如下：数据转化为正常的json字符串格式对象数据：{name:’xiaoming’,password:’123123′}转换后数据：name=xiaoming&password=123123对象数据：{name:’xiaoming’,password:’123123′}转换后数据：’{“name”:”xiaoming”,”password”:”123123″}‘字符串数据：name=xiaoming&password=123123转换后数据：{name:’xiaoming’,password:’123123′}字符串数据：’{“name”:”xiaoming”,”password”:”123123″}‘转换后数据：{name:’xiaoming’,password:’123123′}到此，相信大家对“vue中qs的两个方法怎么用”有了更深的了解，不妨来实际操作一番吧！这里是云技术网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

相关推荐: es6语法是不是一种标准

本文小编为大家详细介绍“es6语法是不是一种标准”，内容详细，步骤清晰，细节处理妥当，希望这篇“es6语法是不是一种标准”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。es6语法是一种标准。ES6全称是ECMAScript 6，是正式…