vue的组件传参方式

64 阅读1分钟

vue的传参方式,主要有这么几种:

  1. 父子组件之间使用props$emit方式进行传参,这是大家一般都会用到的;
  2. 通过$refs, $root, $parent, $children的方式来获取组件然后再从组件原型上获取数据;
  3. 父子组件使用vue的provide/inject属性,实现多级组件之间传参;
  4. 兄弟组件之间使用事件总线(Event Bus)传参,即使用同一个引入同一个vue实例,并触发$emit触发$on监听$off删除的方式;
  5. 通过vueRouter在路由信息中携带的paramsquery来传参;
  6. 父子组件通过插槽slot的方式传参;
  7. 通过全局的vuex来管理数据,在任意组件里引用这些数据来传参;
  8. 使用浏览器本身的缓存,即sessionStoragelocalStorageCookie方式传参;
  9. 通过浏览器本身的addEventListener添加事件绑定,并通过postMessage方法触发事件来传参;

具体介绍我后续慢慢添加 ``