vlambda博客
学习文章列表

1. 向子组件传值

2. 向子组件传对象

3. 子组件传递事件
   

向子组件传递值,必须要添加props表示需要从外界获取的值,可以设置成数组.

也可以设置成对象,并设置传值的类型 默认值 校验 是否必传等等

向子组件传递一个对象,可以通过对象.属性 或者 v-bind='对象名'

示例:值传递到子组件,子组件操作传递过来的值.需要在组件中设置一个属性,用于更新传递过来的值.如果直接更改,例如传递的是对象,或者数组,那么直接修改会改变所有用到该对象数组,因为传递的是引用.

子组件传递事件到父组件

或者直接修改父组件的值,那么子组件的值会相应改变,结果如下: