命名路由 router-link ，动态获取数据的方法 this.$route ，编程导航 this.$router

命名路由 router-link

相当于一个 a 标签，也有点击跳转功能的。

• 需求，通过a标签点击，做页面数据的跳转

• app.vue 中使用router-link标签

  • 1:去哪里 <router-link to="/beijing">去北京</router-link>
  • 2:去哪里 <router-link :to="{name:'bj'}">去北京</router-link>
    • 更利于维护，如果修改了path，只修改路由配置中的path，该a标签会根据修改后的值生成href属性

• main.js 中的路由对象中配置路由规则

  let router = new VueRouter({
       
      // 这里是多个路由的集合
      routes : [
          {
       name : "music",path : "/music/：id" , component : Music},
          {
        path: '/movie', component: Movie }
      ]
  })