vue 3.x路由的创建
程序员文章站
2022-03-25 11:14:11
...
import Vue from 'vue' //1. 导入Vue2的构造函数
import VueRouter from 'vue-touter' //导入3.x路由的构造函数
import Home from '@/components/Home.vue' // 3.导入需要路由切换的组件
Vue.use(VueRouter) //4.调用Vue.use() 函数 ,把路由配置为Vue的插件
const router = new VueRouter ({
routes:[ {
path:'/', redirect: '/home'
},
{
path:'/home',component:Home
}]
}) //创建路由对象 声明路由规则
export default router // 6. 向外共享路由对象