前言:最近在用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