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