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("跳转路径")
----》不能返回
第五种 命名路由:
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/188547.html