vue中qs的兩個方法是什麼
qs的兩個方法是：1、stringify方法，用於將物件序列化成url形式的字串，以「&」符號進行拼接，語法「qs.stringify(data)」；2、parse方法，用於將URL形式的字串解析成物件，語法「qs.parse(data)」。
本教學操作環境：windows7系統、vue3版，DELL G3電腦。
一、qs是什麼？
qs 是一個增加了一些安全性的查詢字串解析和序列化字串的庫。可以進行物件與字串之間的一個轉換。
二、qs的安裝
qs，是axios中自帶的，也是npm倉庫所管理的包。
安裝方式：
npm install qs
登入後複製Vue專案中的匯入方式：
import qs from 'qs'
登入後複製Vue專案中的main.js中設定全域性屬性的方式：
Vue.prototype.$qs = qs
登入後複製三、qs應用場景
使用axios，呼叫後端介面時使用到的。
請求方式為post，axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urllencoded'，將物件或陣列的引數使用qs.stringify()進行序列化轉化
四、qs使用
介紹它的兩個方法：stringify和parse。
qs.stringify(data)
stringify方法，是將物件序列化成url形式的字串，以&符號進行拼接。
onst Qs = require('qs');
let obj= {
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形式的字串解析成物件
範例及輸出效果如下:
import qs from 'qs'
const userStr = 'name=xiaoming&password=123456'
//qs.parse(userStr)
console.log('轉換後的格式：',qs.parse(userStr))
// Object{
// name:'xiaoming',
// password:'123456'
// }登入後複製五、qs與JSON的區別
一直不太瞭解qs與JSON到底有什麼區別？！網上仔細查了一下，總結如下：
| qs | JSON | ||
|---|---|---|---|
| 相同點 | 都是進行物件與字串之間的轉換 | ||
| 異同點 | stringif方法 | 前後端互動時,將物件序列化為url形式的資料，用&拼接 | 資料轉化為正常的json字串格式 |
物件資料：{name:'xiaoming',password:'123123'} 轉換後資料： name=xiaoming&password=123123 | 物件資料：{name:'xiaoming',password:'123123'} 轉換後資料： ’{"name":"xiaoming","password":"123123"}‘ | ||
| parse方法 | 字串資料： name=xiaoming&password=123123 轉換後資料： {name:'xiaoming',password:'123123'} | 字串資料： ’{"name":"xiaoming","password":"123123"}‘ 轉換後資料： {name:'xiaoming',password:'123123'} | |
【相關推薦：、】
以上就是vue中qs的兩個方法是什麼的詳細內容，更多請關注TW511.COM其它相關文章！