安裝 vuex4和vue-router4
npm install vuex@next vue-router@next -S
vue-router使用
創(chuàng)建文件src/router/index.js
import { createRouter, createWebHistory } from 'vue-router'
// new 轉(zhuǎn)換成工廠函數(shù)
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使用
創(chuàng)建文件 src/store/index.js
import { createStore } from 'vuex'
