文章目录 前言 一、新建组件 1.首页组件Home.vue 2.关于组件About.vue 3.App.vue 二、使用步骤 1.配置路由 2.导入组件 3.效果图 总结 前言 Vue-router笔记:访问根路由重定向至首页,修改默认路由值为history模式 一、新建组件 1.首页组件Home.vue <template> <div> <h2>首页组件</h2> </div> </template> <script> export default { name: "Home" } </script> <style scoped> </style> 2.关于组件About.vue <template> <div