欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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. 向外共享路由对象
相关标签: VueRouter vue