vue 的页面跳转方式总结

vue 的页面跳转方式总结

一 

在APP.vue主组件中

（命名视图）

（嵌套命名视图）

你可以 ​​router-view​​ 当做是一个容器，它渲染的组件是你使用 vue-router 指定的。其实就是指向的意思。，比如：

视图层：

路由定义：

router.map({ '/foo': { // 路由匹配到/foo时，会渲染一个Foo组件 component: Foo }})

当你访问 ​​/foo​​​ 时，​​router-view​​​ 就被 ​​Foo​​ 组件替换了。

二：  映射路由

三： 编程时的路由跳转 this.$router.push(location)   有两种跳转方式

四： 动态路由

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。