chevron_left

Vue 2 实践教程
免费
第 7.2 回

教程文档

Vue 2 实践教程 - 页面跳转与传参

2023年11月24日
Vue 2 实践教程

页面跳转与传参

总结

方法 说明
<router-link to="/about"> HTML 中，链接到/about
<router-link :to="{ path: '/about'}"> HTML 中，链接到/about
<router-link :to="{ name: 'About'}"> HTML 中，链接到命名为About的路由组件
<router-link :to="{ name: 'About', params: { id: 999 }}"> HTML 中，链接到命名为About的路由组件，并传递路由参数
<router-link :to="{ name: 'About', query: { keyword: '长乐未央' }}"> HTML 中，链接到命名为About的路由组件，并传递查询参数
this.$router.push({ path: '/about' }) 通过代码，跳转到/about

`this.$router.push({...

请登录后查看更多expand_more

课程介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手

授课老师