首页 > 其他 > 详细

VUE中路由的使用

时间:2020-06-23 22:53:11      阅读:78      评论:0      收藏:0      [点我收藏+]

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中路由的使用

原文:https://www.cnblogs.com/bzzd/p/13184789.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!