qs.stringify()、JSON.stringify() 、qs.parse()用法和区别

1、区别概述和常用场景

（1）qs.stringify()将对象转化为&连接的字符串url

（2）qs.parse()将字符串url转化为对象，但属性值均为string类型

（3）JSON.stringify()将对象、数组、普通类型的变量转换为JSON数据格式

2、代码举例

<template>
  <div class="home">
    home
  </div>
</template>

<script>
import Qs from 'qs'
export default {
  name: 'Home',
  mounted () {
    const obj = {
      name: 'kitty',
      age: 38,
      scores: 98
    }
    // 将obj对象转换为以&连接的url
    const testObj = Qs.stringify(obj)
    console.log('obj转&连接的url为', testObj)
    const testUrl = `www.xxx.com/?${testObj}`
    console.log('完整Url为', testUrl)
    // 将URL解析成对象
    const parseToObj = Qs.parse(testObj)
    console.log('url解析为对象', parseToObj)
    // 将对象转换为json形式
    const objToJson = JSON.stringify(obj)
    console.log('对象转为字符串为', objToJson)
  }
}
</script>