vue新窗口页面传参（思路：window.open、this.$route.query）

 1.vue跳转页面打开新窗口新页面, 传参方式

// 情况一：传递的是一个参数
let pathHerf = this.$router.resolve({
  path:'/shopping/detail', // 你自己要跳转的路径
  query:{
         Id:this.id，  // query 要传递携带的参数，如：当前传递的是所需id
        }
 })
 window.open(pathHerf.href, '_blank');

 // 2、新页面接收参数：
 在新页面的生命周期接收：
    created(){
                  let shoppingId = this.$route.query.Id
             }  

-------------------------------------------------------------------------------------

// 情况二：传递的是一个复杂的数组或者对象
let pathHerf = this.$router.resolve({
  path:'/shopping/detail', // 你自己要跳转的路径
  query:{
         param:JSON.stringify(this.list)  //其中list是一个数组或者对象
        }
 })
window.open(pathHerf.href, '_blank');
     
//2、新页面接收参数：
在新页面的生命周期接收：
    created(){
                   let shoppingList = JSON.parse(this.$route.query.param)
             }

 2.vue在当前页面，跳转新路由传参数

this.$router.push({
        path: "/shopping/detail",    // 你自己要跳转的路径
        query: { 
                  param: this.list  // query 要传递携带的参数，如：当前传递的是所需id
               }
 });


新页面接收参数方式：
// 在新页面生命周期接收参数：
    created(){
                 let shoppingList = this.$route.query.param
             }

注意：

1.window.open 第二个参数代表的含义如下：如：window.open ( pathHerf.href, '_blank' ）

2.JSON.stringify()、JSON.parse详解

语法：JSON.stringify(value, replacer , space)

• value：将要序列化成 一个JSON 字符串的值。

• replacer（可选）：如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理；如果该参数是一个数组，则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中；如果该参数为null或者未提供，则对象所有的属性都会被序列化。

• space（可选）：指定缩进用的空白字符串，用于美化输出（pretty-print）；如果参数是个数字，它代表有多少的空格；上限为10。该值若小于1，则意味着没有空格；如果该参数为字符串(字符串的前十个字母)，该字符串将被作为空格；如果该参数没有提供（或者为null）将没有空格。

转为JSON字符串的用处：

• 本地存储的时候只能是存储基本数据类型，数组和对象等类型存入的话会是[object,object]，所以存数组或对象类型时，我们就可以想把数组或对象转为JSON字符串形式，就可以了。

• 向后端传递参数时，有时数组或对象类型参数，后端接收的是字符串格式，所以我们在向后端传递的时候，可以向用JSON.stringify()转为字符串格式就可以了。