组件之间的传值方式

117 阅读1分钟

组件之间的传值方式

  • 父组件传值给子组件,子组件使用props进行接收

  • 子组件传值给父组件,子组件使用$emit+事件对父组件进行传值

  • 组件中可以使用$parent$children获取到父组件实例和子组件实例,进而获取数据

  • 使用$attrs$listeners,在对一些组件进行二次封装时可以方便传值,例如A->B->C

  • 使用$refs获取组件实例,进而获取数据

  • 使用Vuex进行状态管理

  • 使用eventBus进行跨组件触发事件,进而传递数据

  • 使用provideinject,官方建议我们不要用这个,我在看ElementUI源码时发现大量使用

  • 使用浏览器本地缓存,例如localStorage

\