2.5 Vue Router的使用场景

一、解决问题

1. 监听URL的变化，并在变化前后执行相应的逻辑

2. 不同的URL对应不同的组件

3. 提供多种方式改变URL的API(UTL的改变不能导致浏览器刷新)

二、使用方式

1. 提供一个路由配置表，不同URL对应不同组件的配置

2. 初始化路由实例new VueRouter()

3. 挂载到Vue实例上

4. 提供一个路由占位，用来挂载URL匹配到的组件

三、使用

1. 安装vue-router

   npm i vue-router

2. main.js文件引入vue-router

3. 引入router.js路由文件

4. 初始化实例