vue传参方式

路由跳转有2种方式
    1.router-link 标签跳转    router-link会被解析成a标签 利用a标签的href属性
    2.编程式跳转     用js的方式实现跳转

路由传参的三种方式
    (1)query传参
        path 和 name都可以    
        query传对象的时候一定要先JSON.stringify("参数")   获取的时候 JSON.parse("参数")
        query传参在地址栏上是可见的,问号后面就是我们的参数

    (2)params传参
        只能使用name传参
        传参对象的时候不需要转为字符串 但是第一次进来的时候可以拿到参数,刷新会丢失
    
        怎么解决刷新参数会消失的弊端??
            在created钩子函数里面村本地

    (3)动态路由传参
        他的原理就是params
        在router/index.js 的路由规则里面给他设置    动态       :
        动态路由传多个参数      path: '/about/:user/:grades',   就需要拼接 
        传     this.$router.push(`/about/${item.name}/${item.grades}`);
        接     this.$route.params    是一个对象,参数都在对象里面