VUE中路由的使用

1:先创建一个router文件夹并在该文件夹下创建index.js文件
2:在index.js文件中导入页面文件;Login为组件名称,'../views/login/login'为页面文件路径
3:调用Vue.use(VueRouter)
4:创建路由实例,并且传入路由映射配置,然后在Vue实例中挂载创建的路由实例
5:导出Vue实例

    //第二步
    import Vue from 'vue'
    import Login from '../views/login/login'
    
    //第三步
    Vue.use(VueRouter)
	
    //第四步
    const routes = [
	    {
		    path: '/login',
		    component: Login
	    }
    ]
	
    const router = new VueRouter({
	    routes
    })
	
    //第五步
    export default router

总结:这门技术并不难,只要按照步骤配置就不会出什么问题。教程的视频链接

你可能感兴趣的:(VUE中路由的使用)