vue中路由总结(传参问题)

vue中路由是比较重要的部分 需要总结一下
动态路由:一个页面.载入不同的内容…
动态路由传参分为 params传参 与 query传参
动态路由分为 编程式路由 与 声明式路由

动态式路由 params传参

query传参:

动态路由分为1.声明式路由(就是想跳转到不同的页面,用router-link:to的方式去实现就可)
2.编程式路由
但是大多数用的还是第2种编程式路由, 通过js的方式去实现(比如底部有99个按钮,每个按钮对应的页面 内容不同,这时候总不能写99个router-link去跳转,就需要用js编程式路由来实现)

不管是声明式还是编程式 在另一端接收的时候都是用: this.route.query/params 来接收
[route是当前页面的路由,$router是全局的路由)]

传递的时候都是用 this.$router.push({
})
,
2.编程式路由 ,先给button添加一个点击事件
<button @click=“target”>
再到methods里面去写方法

在另一个页面接收的时候就写 {{ this.$route.query.num}}来接收

注意事项 ,path与params 不能同时使用 ,
编程式路由里面可以随便写跳转的东西 ,也要用命名式路由来跳转
直接 (push name) 就是命名式路由!
但是path不能与params同时使用

有一个手机小案例,主要看一下 参数是怎么接收的

<ending~>