VueRouter使用的5个基础步骤
- 下载VueRouter模块到当前工程(vue、vue-router、vuex)→版本(2、3、3;3、4、4)
本文以vue2为例,在项目文件夹使用cmd命令:vue-router3.x - 引入
在js文件import引入路由VueRouter - 安装注册
- 创建路由对象
- 注入
将路由对象注入到new Vue实例中建立关联
VueRouter使用的2个核心步骤
- 创建所需的组件(src/views),配置路由规则(path,component)→(路径,组件)
- 配置导航、路由出口(路径匹配的组件显示的位置)