~~~ <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標簽包裹