VueRouter配置

安装路由器vue-router报错

常见问题：注意vue版本---与vue-router对应关系

安装指令:

@符为安装指定版本，没有@默认安装最新版

npm install --save vue-router@3

vue2项目中要使用vue-router3版本，要用vuex3 的版本

vue3项目中要使用vue-router4版本

1.配置路由规则，使用路由插件，然后暴露路由

引入vue和vue路由
import Vue from "vue";
import VueRouter from "vue-router";

使用路由插件
Vue.use(VueRouter)

配置路由页面
const routes=[
  {
    path:"/shop",
    name:'shop',
    component:shop
  }
]

暴露路由
const router=new VueRouter{
  routes
}

exporttdefault router

2.使用路由 在App.vue中使用路由视图标签即可根据路由规则跳转页面

<div id="root">
<router-view></router-view>
<div>