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
方法触发事件来传参;
具体介绍我后续慢慢添加 ``