Vue从入门到实战5_学习
向子组件传值
向子组件传对象
子组件传递事件
向子组件传递值,必须要添加props表示需要从外界获取的值,可以设置成数组.
也可以设置成对象,并设置传值的类型 默认值 校验 是否必传等等
向子组件传递一个对象,可以通过对象.属性 或者 v-bind='对象名'
示例:值传递到子组件,子组件操作传递过来的值.需要在组件中设置一个属性,用于更新传递过来的值.如果直接更改,例如传递的是对象,或者数组,那么直接修改会改变所有用到该对象数组,因为传递的是引用.
子组件传递事件到父组件
或者直接修改父组件的值,那么子组件的值会相应改变,结果如下: