组件之间的传值方式
-
父组件传值给子组件,子组件使用
props进行接收 -
子组件传值给父组件,子组件使用
$emit+事件对父组件进行传值 -
组件中可以使用
$parent和$children获取到父组件实例和子组件实例,进而获取数据 -
使用
$attrs和$listeners,在对一些组件进行二次封装时可以方便传值,例如A->B->C -
使用
$refs获取组件实例,进而获取数据 -
使用
Vuex进行状态管理 -
使用
eventBus进行跨组件触发事件,进而传递数据 -
使用
provide和inject,官方建议我们不要用这个,我在看ElementUI源码时发现大量使用 -
使用浏览器本地缓存,例如
localStorage
\