关于vue页面传参

页面之间的传参是不可避免的操作,那vue框架中关于页面传参的方式都有哪些呢?GO,带着疑问直奔主题!!
第一种方式:利用路由导航router-link中to属性传递参数
关于vue页面传参
第二种方式:通过this.$router.push()传递参数
关于vue页面传参
补充:接收参数:
关于vue页面传参
再补充说明一下:router是VueRouter的实例,而route是当前正在跳转的路由对象
第三种方式:路由组件传参
在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 URL 上使用,限制了其灵活性。使用 props 将组件和路由解耦:
关于vue页面传参
关于vue页面传参