vue-router基础使用

1、先下载

2、在main.js中引用如下

// vue-router基础使用
// 1、下载vu-router(yarn add vue-router)
// 2、引入
import VueRouter from "vue-router";
// 3、注册全局组件
Vue.use(VueRouter);

路由切换案例

 

 main.js

import Vue from "vue";
import App from "./App.vue";
import Find from "@/views/Find";
import My from "@/views/My";
import Part from "@/views/Part";
// vue-router基础使用
// 1、下载vu-router(yarn add vue-router)
// 2、引入
import VueRouter from "vue-router";
// 3、注册全局组件
Vue.use(VueRouter);
const routes = [{
        path: "/find",
        component: Find, //路由和组件的映射
    },
    {
        path: "