VIP22/11_vue-cli/project/src/views/Course.vue

<template>
  <div>
    <h2>我是嘿嘿嘿</h2>
    <h1>名字: {{$route.query.name}}</h1>
    <h1>年龄: {{$route.query.age}}</h1>
    <!-- 
      在组件内 有一个$route 属性 表示当前的组件的路由信息
      $route.query  通过query传过来的参数 都可以在这个对象下面找到
      query:{
        name:'zs',
        age:18
      }
    -->
    <!-- <h1>名字: {{$route.params.name}}</h1>
    <h1>年龄: {{$route.params.age}}</h1> -->
    <!-- <h1>id: {{$route.params.id}}</h1> -->


    <router-link to="/course/fe">Fe</router-link> |
    <router-link to="/course/rd">Rd</router-link>
    <router-view/>
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>