<template> <div> <div class="row"> <Banner/> </div> <div class="row"> <div class="col-xs-2 col-xs-offset-2"> <div class="list-group"> <!-- router-link 的 replace 和 push模式 设置为replace后无法后退,默认为push模式--> <router-link class="list-group-item" active-class="active" :to="{name:'guanyu'}">About</router-link> <router-link class="list-group-item" active-class="active" to="/home">Home</router-link> <!-- <a class="list-group-item active" href="./about.html">About</a>--> <!-- <a class="list-group-item" href="./home.html">Home</a>--> </div> </div> <div class="col-xs-6"> <div class="panel"> <div class="panel-body"> <router-view></router-view> </div> </div> </div> </div> </div> </template> <script> import Banner from "@/components/Banner.vue"; export default { name: "App", components: {Banner} } </script>