vue路由全面详解（上）：基本使用、多级路由、工作模式……

3.编写 router 配置项

在 index.js 中写 router 配置项，将组件与路径，建立映射关系。

注意：要先引入组件和路由，下面是直接导入组件

按需导入组件：只需要将上图的第9和13行，改为下面的形式即可

component: () => import(‘…/views/Home.vue’)

小案例展示：

App 组件中引入 About 和 Home 组件，About 和 Home 组件映射了路由路径

接下来，我们来实现路由的切换。

第1步，借助 router-link 标签