安装 vuex4和vue-router4

npm install vuex@next vue-router@next -S

vue-router使用

创建文件src/router/index.js

import { createRouter, createWebHistory } from 'vue-router'
// new 转换成工厂函数
const router = createRouter({
   history: createWebHistory(),
   routes: [
       { path: '/', component: () => import('views/home.vue') },
       { path: '/about', component: () => import('views/about.vue') }
   ]
})

export default router

main.js中导入，使用

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

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

vuex使用

创建文件 src/store/index.js

import { createStore } from 'vuex'