vue-router路由

本文详细介绍了Vue.js路由的使用,包括基本的路由配置、路由高亮、参数传递、路由重定向和编程式导航。还讨论了命名视图的概念,解释了如何通过router-view与组件进行对应来构建页面。
摘要由CSDN通过智能技术生成

路由是一种对应关系

  • 后端路由
    前端请求的url和后端对该地址处理函数的对应关系,如router.get('./index',function(){}), ./index与function的对应关系就是后端路由
  • 前端路由
    通过前端hash路径(如路径中的#/login)和组件的对应关系
1. 路由的基本使用
  1. 通过script引入vue-router
  2. 定义组件
  3. 实例化路由对象 new VueRuter()
  4. 配置路由规则
    router:路由; route:规则
   routes:[
{
   path:'./login',component:login},
{
   path:'./register',component:register}
]
  1. 挂载路由到vue实例上
new 	Vue{
   router}
  1. 渲染
<router-view> 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值