Vue动态路由步骤

Path和component的匹配关系就称为动态路由

1 Index.js是入口文件，在index.js中 配置路由相关信息

2 通过Vue.use安装路由插件

3 配置路由和组件关系

4 将router对象导出，导出是为了之后的main.js中导入

5 挂载到main.js的Vue实例， 路由生效

6 配置路由的映射关系 {

先在Views文件夹中创建好对应组件，然后在index.js中导入组件，将路径与组件配置成映射关系

通过<router-link>标签的to属性，实现页面跳转  }

注意

1 <router-view>是一种占位

2 可以在index.js中通过{

    path: '/news/:id',

    name: 'news',

    component: News

  },

这种方式设置默认路径

3 在配置路由与组件关系时有Model是history模式，另一种模式是hash模式

4 <router-link>默认是a标签，可以加tag=“标签类型”，可以转换成其他标签

5 路由跳转默认是push，要换replace，加replace属性就可以

6 可以修改<router-link>的类设置样式