Vue父子之间最重要的两个传值方式你都知道吗?

父子之间传值

父组件传值子组件:props

第一步 : 给子组件添加props属性(与data平级),类似声明变量,定义要接受的属性名
第二步 : 在父组件中使用行内自定义传值 <子组件 属性名="属性值">

单向数据流

• 单向数据流 : vue规定,父组件传递给子组件的数据只能是只读的
• 单向数据流原因： 子组件修改了父组件传递过来的数据，不会通知父组件。就会造成数据不统一问题
• 细节：引用类型赋值本质是赋值地址，一但修改互相影响，非常不便于维护

子组件传递数据给父组件$emit

子组件虽然不能修改父组件的数据,但是$emit可以通知父组件修改数据

• 子组件中发出通知 : this.$emit('事件名',参数)
• 父组件中接收通知: `<子组件 @事件名=“函数名”>
• 在父组件的methods中实现这个事件处理函数