vue的传参方式,主要有这么几种:
- 父子组件之间使用
props和$emit方式进行传参,这是大家一般都会用到的; - 通过
$refs,$root,$parent,$children的方式来获取组件然后再从组件原型上获取数据; - 父子组件使用vue的
provide/inject属性,实现多级组件之间传参; - 兄弟组件之间使用事件总线(Event Bus)传参,即使用同一个引入同一个vue实例,并触发
$emit触发$on监听$off删除的方式; - 通过vueRouter在路由信息中携带的
params或query来传参; - 父子组件通过插槽
slot的方式传参; - 通过全局的
vuex来管理数据,在任意组件里引用这些数据来传参; - 使用浏览器本身的缓存,即
sessionStorage、localStorage、Cookie方式传参; - 通过浏览器本身的
addEventListener添加事件绑定,并通过postMessage方法触发事件来传参;
具体介绍我后续慢慢添加 ``