[JavaScript知识库]vue中父子组件传值

父向子-props

父 在子组件上定义变量传入

<Son :id="id" ></son>

在子组件上接收

props: {
    id: {
      type: String, // 值的类型
      required: true //必须值
    },
},

父向子传子遵循单向数据流原则

1. 父组件的数据发生了改变，子组件会自动跟着变

2. 子组件不能直接修改父组件传递过来的props props是只读的

==父组件传给子组件的是一个对象，子组件修改对象的属性，是不会报错的，对象是引用类型, 互相更新== ?

子向父

语法:

• 父: @自定义事件名="父methods函数"

• 子: this.$emit("自定义事件名", 传值) - 执行父methods里函数代码

?父? 在子组件上定义自定义事件传入

 <Son :id="id"  @success="hSuccess"></son>

子组件中 通过$emit("自定义事件名", 传值)调用父组件方法

// 3. 通知父组件：调用方法
     doAdd() {
         this.$emit('success')
     },