vue-router

1准备工作

建立vue.js项目文件夹，通过cmd命令，完成新建文件夹的相关项目配置

vue init webpack项目文件名

然后根据需要配置相关参数

cd进入项目文件名

npm i    npm run dev

2在main.js文件中，进行关于app.vue的基础配置

引入vue

引入vue-router

引入各个路由对象

并配置路由路径和name

import Vue from "vue";
import VueRouter from "vue-router";

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    redirect: "/ZhzDesign",
  },

  {
    path: "/home",
    name: "Home",
    component: () => import("../views/Home.vue"),
  },
];

const router = new VueRouter({
  routes,
});

export default router;

使用vue-router挂载属性

3建立路由文件夹，以及相关路由文件

4在路由入口app.vue中流坑（router-view）

5new Vue启动