个人笔记-----Vue中的router-link标签参数传递【如有不对，欢迎指正】

router-link标签的 to 属性的值 既可以是 router.js 里面 pash 值 ，<router-link to="/about">about</router-link>

也可以是 router.js 里面 name 值 ，<router-link to="about">about1</router-link>

也可以这样写<router-link to="{ name :about }">about1</router-link>

 routes: [
    {
      path: '/about',
      name: 'about',
      component: About
    }
 ]

---

参数传递

传递参数

传递参数用 params ：{ 对象 }

 <router-link :to="{name:'about',params:{id:'01'}}">About</router-link>

接收参数

接收参数用 $route.params 注意 是$route而不是$router 后面没有 r

 {{$route.params.id}}