vue路由简介和基础使用

目录

1、Vue Router介绍

2、案例介绍

2.1 需要安装哪些包

2.2 布局 

3.3 vue-router使用

3.4 axios的使用 

3.5 其它

---

#博学谷IT学习技术支持#

1、Vue Router介绍

Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻

而易举。

前端路由作用: 实现业务场景切换

优点：

• 整体不刷新页面，用户体验更好

• 数据传递容易, 开发效率高

缺点：

• 开发成本高(需要学习专门知识)

• 首次加载会比较慢一点。不利于seo  

2、案例介绍

 本次利用路由实现下面的移动端的案例：

 

2.1 需要安装哪些包

vue脚手架就不用介绍了

这里用的是vue2版本

安装：vue-router 这里安装版本3的

yarn add vue-router@3.0.6