querystring是URL查詢字符串的一部分，通常用于傳遞參數。在Vue2中，我們可以通過引入“qs”庫來解析和生成querystring字符串。

在使用“qs”之前，需要先安裝：

npm install qs --save

引入“qs”庫：

import qs from 'qs';

現在我們可以使用“qs”庫來解析querystring字符串和生成新的querystring字符串了。

解析querystring字符串

我們可以使用“qs.parse()”方法來解析querystring字符串。例如，我們有以下URL：

http://www.example.com/?name=John&age=30

我們可以將其解析為一個對象：

const querystring = 'name=John&age=30';
const params = qs.parse(querystring);

現在“params”對象的值將為：

{
name: 'John',
age: '30'
}

如果存在重復的參數，可以設置“allowDots”選項為“true”，這樣會將其轉換為數組：

const querystring = 'colors=red&colors=blue&colors=green';
const params = qs.parse(querystring, { allowDots: true });

現在“params”對象的值將為：

{
colors: [ 'red', 'blue', 'green' ]
}

生成新的querystring字符串

我們可以使用“qs.stringify()”方法來生成新的querystring字符串。例如：

const params = {
name: 'John',
age: 30
};
const querystring = qs.stringify(params);

現在“querystring”字符串將為：

'name=John&age=30'

如果存在數組，可以設置“arrayFormat”選項：

const params = {
colors: [ 'red', 'blue', 'green' ]
};
const querystring = qs.stringify(params, { arrayFormat: 'brackets' });

現在“querystring”字符串將為：

'colors[]=red&colors[]=blue&colors[]=green'

結論

“qs”庫是一個很方便地解析和生成querystring字符串的庫。我們可以通過“qs.parse()”方法來解析querystring字符串為對象，然后通過“qs.stringify()”方法來生成新的querystring字符串。我們可以通過設置選項來處理重復參數和數組。