前端面试题--什么是路由?如何使用路由?

1.什么是路由?

路由的本质就是一种对应关系,比如说我们输入我们要访问的URL地址后,浏览器要去请求这个URL地址对应的资源。那么URL地址和真实资源之间就有一种对应关系,就是路由。

2.路由初体验(点击事件)

核心思路:

1)在页面中有一个vue实例对象,vue实例对象中有四个组件,分别是tab栏切换需要显示的组件内容。<a href = "#/zhuye">主页</a>......

2)当我门点击这些超链接的时候,就会改变URL地址中hash值,当hash值被改变时,就会触发onhashchange事件(默认使用hash模式)

3)在触发onhashchange事件的时候,我们根据hash值来让不同的组件进行显示

3.Vue Router简介

它是一个Vue.js官方提供的路由管理器。是一个功能更加强大的前端路由器。

支持H5历史模式和hash模式(后面会介绍两者的区别)

4.Vue Router的使用步骤

1)导入js文件

<script src="lib/vue_2.5.22.js"></script>
<script src="lib/vue-router_3.0.2.js"></script>

 Vue Router依赖于Vue,所以需要先引入Vue,再引入Vue Router

2)添加路由链接<r

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值