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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM