vue中query传值问题

vue中传数组到另一个页面

A页面传值

<button @click="btna">传值给B页面</button>

return {
	list: [
        { aaa: "玛卡巴卡" },
        { aaa: "钨丝嫡系" },
        { aaa: "喊不理不" },
        { aaa: "小点点" },
        { aaa: "路飞" },
        { aaa: "索隆" },
        { aaa: "山治" },
        { aaa: "乔巴" },
        { aaa: "乌索普" },
        { aaa: "赤犬" },
        { aaa: "青雉" },
        { aaa: "黄猿" },
        { aaa: "布鲁克" },
        { aaa: "娜美" },
        { aaa: "罗宾" },
        { aaa: "卡普" },
        { aaa: "战国" },
        { aaa: "卡二" },
        { aaa: "明哥" },
        { aaa: "大妈" },
        { aaa: "凯多" },
        { aaa: "白胡子" },
        { aaa: "香克斯" },
        { aaa: "艾斯" },
        { aaa: "萨博" },
      ],
}

	btna() {
	var qqq = this.list;
	// 将数组转化成字符串
      this.$router.push({ path: "/bbb", query: { qqq: JSON.stringify(qqq) } });
    },

B页面接收

return{
	shayebushi:[]
}

created() {
      var rew=JSON.parse(this.$route.query.qqq)
      this.shayebushi.push(rew)
      console.log(rew)
    },