简单的路由配置

		src/router/index.js

// 配置路由的地方
	
		import Vue from 'vue'
	
		import VueRouter from 'vue-router'
	
		// 使用插件
	
		Vue.use(VueRouter);
	
		// 引入路由组件
	
		import Home from '@/pages/Home'
	
		import Register from '@/pages/Register'
	
		import Login from '@/pages/Login'
	
		// 配置路由
	
		export default new VueRouter({
	
		    // 配置路由
	
		    routes: [
	
		        {
	
		            path: '/home',
	
		            component: Home,
	
		        },
	
		        {
	
		            path: '/login',
	
		            component: Login,
	
		        },
	
		        {
	
		            path: '/register',
	
		            component: Register,
	
		        },
	
		        // 重定向，在项目跑起来后，访问/立马让他定向到首页
	
		        {
	
		            path: '*',
	
		            redirect: '/home',
	
		        }
	
		    ]
	
		})

src/main.js

				import Vue from 'vue'
			
				import App from './App.vue'
			
				// 入口文件
			
				// Vue.config.productionTip = false
			
				// 引入路由
			
				import router from '@/router'
			
				new Vue({
			
				  // 注册路由
			
				  // 注册路由信息:当这里书写router的时候，组件都有$route,$router
			
				  router,
			
				  render: h => h(App),
			
				}).$mount('#app')
相关推荐

学习交流联系
