# vue2和react的区别 1.引入子组件的方式
vue2引入父组件引入子组件
1.引入
2.声明
3.使用
4.如下图示例
react
1.引入
2.使用
3.如下图示例
优点:react相比vue,缺少了声明这个步骤,方便,代码量少
2.父组件给子组件传值
vue2父组件的数据,在data里面声明,在组件进行动态绑定props,子组件里面props进行接收,可以以对象的形式接收,但是需要指定类型,也可以以数组的形式,直接接收。使用数据,在不进行操作的时候,可以直接使用,有操作的时候,需要在data里面进行重新赋值,否则会报错。
react父组件的数据,在constructor的state里面定义,在组件上直接绑定props,子组件里面constructor(props)的super(props)进行数据的接收,接收的是所有的props,使用的时候通过props直接使用
优点:vue的props将每个参数都分开了,可以指定类型,是否必须等操作,更加的颗粒化,react的props一个参数将所有数据都传过来了,方便,减少代码量
3.子组件修改父组件的数据
vue2子组件里面通过this.$emit第一个参数指定父组件接收的事件名称,第二个参数,进行传值,父组件里面,在子组件上进行声明,函数里面进行数据的改变
react子组件里面通过this.props指定父组件接收的事件名称,可以在事件里面进行传值,父组件里面,在子组件上进行声明,通过箭头函数和函数名称,可以实现子组件修改父组件的数据
优点:区别不大,主要是子组件里面指定父组件接收事件的方法不一样