一级页面向二级页面传参，二级页面根据一级页面参数筛选数据渲染页面

通过路由进行带参数跳转

路由配置：（vue webpack可在index.js中配置）

{

path: '/ProductLists',

component:ProductLists

}

1、通过path  与 query 搭配进行传参（下面示例用此方法）

2、可通过 name 与 params 搭配进行传参

（一级页面）

HTML页面配置：

< div class= "lists" >

     < router-link :to=" { path: '/ProductLists', query:{ picName: val. name}}" v-for="( val, index) in pic" :key=" index" >