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

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

posted @ 2020-06-23 21:47  bzzd  阅读(157)  评论(0编辑  收藏  举报