Vue和React组件通信

1.在Vue和React中父子通过子自定义属性,在子组件使用props接受
2.在子父组件中,Vue需要使用$emit触发父级传递过来的事件,而React需要使用函数this.props来触发事件
3.在非父子组件中,需要使用公共的容器来完成事件的触发和监听,他们需要有相同的事件名

  1. 在Vue中需要在Vue实例化前的原型上挂载一个变量,值为Vue实例,进而可以通过在在一个组件触发事件,在另一个组件进行监听

  2. 在React中需要在React.Component的原型上挂载一个事件对象变量event,进而可以通过在在一个组件触发事件,在另一个组件进行监听

  3. 父子都是通过传递属性和方法完成,非父子通过event事件对象完成
  4. 都可使用仓库完成 如:Vuex flux或者redux
  5. Vue的核心是数据驱动和组件化 数据双向绑定 所有不需要重新render页面(实现底层原理是Object.defineProperty这个方法的get和set对数据进行的取值赋值)
  6. 在React中数据仓库发生变化需要让view层指导并重新更新状态机this.setState()

猜你喜欢

转载自blog.csdn.net/qq_43291759/article/details/108712469