~~~ <template> <div id="app"> <div id="nav"> <router-link to="/">Home</router-link>| <router-link to="/about">About</router-link> </div> ///显示的是当前路由地址所对应的内容 <router-view/> </div> </template> <style lang="scss"> *{margin:0;padding:0} #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; text-align: center; color: #2c3e50; } </style> ~~~ Tip:vue-cli中以.vue结尾的就是一个单文件组件,固定语法,必须以template标签包裹