路由跳转传参可分为三种

    1）name传递

       router.js中配置  { path: '/detail', name: 'detail', component: Detail }

        在命名路由的时候会有一个name值，可在相应页面以 <p>我是{{ $route.name }}页面</p>的方式获取

    2) router-link 中的to方法，采用url传参 （声明式跳转）

        2.1 <router-lick :to="{ name: 'detail', params: { id: 123 } }"></router-link>   

        js中使用this.$route.params.id来获取，页面中<p>{{ $route.params.id }}</p>直接使用

        <p style="color: red">注：页面刷新后，参数会丢失</p>

        2.2 <router-lick :to="{ name: 'detail', query: { id: 123 } }"></router-link>

        传递的参数在url上，如localhost:8081/#/?id=123

        this.$route.params.id /  <p>{{ $route.params.id }}</p> 均可获取到

        2.3 <router-link to="/detail/123/juli"></router-link>

            需在router.js配置path为: path: "/detail/:id/:name"

            取值方法与2.1相同

    3）push方法，使用方法与声明式相同 （编程式跳转）

         this.$router.push({ name: 'detail', params: { id: 123 } })

         this.$router.push({ name: '/detail', query: { id: 123 } })