Vue之qs库安装及使用方法

时间:2020-06-09
本文章向大家介绍 Vue之qs库安装及使用方法,主要包括 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

原文地址:https://www.cnblogs.com/dreamzone/p/13081082.html