<template>
    <div class="app-container">
      <h1>App根组件</h1>
      <!-- 定义路由连接和路由视图 -->
      <router-link to="/home">首页</router-link>
      <router-link to="/about">关于</router-link>
      
      <router-link to="/movie">电影</router-link>
      <hr>
      <router-view></router-view>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  .app-container{
    text-align: center;
    font-size: 16px;
  }
  .app-container a{
    padding: 10px;
    color:#7c3c3c;
  }
  .app-container a.router-link-active{
    color: #fff;
    background-color: #000;
  }
</style>