码迷,mamicode.com
首页 > 其他好文 > 详细

vue-router路由的使用

时间:2018-07-12 23:54:25      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:页面跳转   作用   传递参数   bsp   route   name   刷新   pre   out   

1、路由作用

用vue.js + vue-router创建单页面应用。页面不需要刷新就可以页面跳转,提供用户体验。

2、路由配置

new Router({
    routes: [{
            path: ‘/‘, //匹配路径
            name: ‘Hello‘, //路由的别名
            component: Hello //需要加载的组件名
        }, {
            //使用变量名的形式传递参数。例如:/detail/10086
            //在Detail组件中使用{{$router.params.id}}来接收
            path: ‘/detail/:id‘,
            name: ‘Detail‘,
            component: Detail
        }
    ]
})

 3、路由跳转

<router-link :to="{name:‘Detail‘,params:{id:10086}}">详情</router-link>

 

vue-router路由的使用

标签:页面跳转   作用   传递参数   bsp   route   name   刷新   pre   out   

原文地址:https://www.cnblogs.com/chenweichu/p/9302219.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!