Vue路由的创建与使用:
步骤:
1.安装路由:
npm install vue-router@3
2.添加路由配置(在main.js中):
import VueRouter from 'vue-router'
Vue.use(VueRouter)
3.定义路由(在main.js中):
4.创建路由对象(在main.js中):
5.挂载路由(在main.js中):
6.定义路由出口:
第二种文件分离:
1.在src目录下面创建一个router目录,在创建一个index.js 文件
2.将第一种与路由相关的设置放到index.js 文件中
3.在main文件中引入 创建的router文件
第三种 路由嵌套:
第四种 编程式导航:
编程式导航: 即通过事件进行页面跳转:比如按钮事件;
1. this.$router.push("跳转路径")
---》可以叠加视图可以缓存,从A页面调转到B页面,点击浏览器返回,可以返回到A页面
2.this.$router.replace("跳转路径")
----》不能返回