Vue之qs库安装及使用方法

前言:最近在用springboot+vue做一个crm管理项目,其中用到了qs,但是对于qs到底有什么用,怎么用,什么时候用很模糊,希望可以总结笔记加以理解

什么是qs?

qs是一个流行的查询参数序列化和解析库。可以将一个普通的object序列化成一个查询字符串,或者反过来将一个查询字符串解析成一个object,帮助我们查询字符串解析和序列化字符串。

vue中qs安装使用

  • 步骤:
    • 打开控制台输入:npm install qs
    • 在main.js中导入qs插件:import qs from 'qs'
    • 在main.js中配置全局属性:Vue.prototype.$qs = qs

方法:qs.parse()和qs.stringify()

  • qs.parse()是将URL解析成对象的形式

    const str = "username='admin'&password='admin'" 
    console.log(qs.parse(str)) // Object { username: "admin", password: "admin" }
    
  • qs.stringify()是将对象 序列化成URL的形式,以&进行拼接

    qs.stringify({username:'admin', password:'admin'})
    //username=admin&password=admin
    

另外,附上关于qs更多方法地址,https://blog.csdn.net/sansan_7957/article/details/82227040

上一篇:JS中有趣的内置对象-JSON


下一篇:JavaScript中的深拷贝与浅拷贝