Vue之参数传递

在App.vue的里传递一个id参数到About.vue里:

<template>
  <div id="root">
    <router-link to="/home">首页 \</router-link>
    <router-link :to="{name: 'about',params:{id:'01'}}">关于</router-link>
    <router-view></router-view>
  </div>
</template>

About.vue接收App.vue传递过来的参数id:

<template>
  <div class="about">
    这是about组件 -- {{$route.params.id}}
    <div>
      <router-link to="/about/about1">about1</router-link>
      <router-link to="/about/about2">about2</router-link>
      <router-view></router-view>
    </div>
  </div>
</template>