vue3的路由创建

下载路由

npm install vue-router@4

在文件夹创建router文件夹

然后写入

import Home from './components/Home.vue';
import A from './components/a.vue';
import { createRouter, createWebHistory } from 'vue-router';//和vue2 路由不同
const routerHistory = createWebHistory();

const router = createRouter({
  history: routerHistory,//history写法不同
  routes: [
    {
      path: '/',
      component: Home,
    },
    {
        path: '/a',
        component: A,
      },
  ],
});

export default router;

然后在margin.js中导入

然后挂载

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/index'

createApp(App).use(store).use(router).mount('#app')