1、安装vue-router
npm i vue-router@next
2、使用,在外部自定义
a、创建router文件夹,创建index.js文件
index.js文件中引入:
import {createWebHashHistory, createRouter} from 'vue-router’
const router = createRouter({ history: createWebHashHistory(), routes: [ { path: '/', name: 'HelloWorld', component: () => import('../components/HelloWorld.vue') } ] }) export default router b、main.js引入 import router from './router' createApp(App) .use(router) .mount('#app')
实例: