路由的使用

1、安装路由文件

2、引入路由文件，设置名字

import VueRouter from "vue-router";

3.使用路由

Vue.use(VueRouter);

4、配置导出路由

export default new VueRouter({
  routes: [
    {
//路由路径
      path:'/content',
      name:"内容页",
      component:Content
    }
})

注意routes这个名字不能错。

component后面直接接受跳转的组件名

path:前端跳转到这里的路径，用单引号，不能使用双引号。

5、在main.js文件中，引入路由

 6、被挂载的标签ID：app。就可以使用路由标签

<router-link to="/Main">  需要进入路由的路径

<router-view>显示路由