Vue组件（三）父传子，子传父

时间：2023-03-31 16:46:32 vue.js

父子组件通信父子propsprops-->properties(属性)父子组件之间如何通信通过props给子组件传递数据通过事件给父组件发送消息props的基本用法在组件中，使用optionprops来声明自己需要从父级获取的数据props的值有两种方法。方法一：字符串数组，数组中的字符串为传递时的名字方法二：对象，传递时可以设置对象的类型，也可以设置默认值，比如parent传给child

>script>//父子：propsvarcpn={template:'#cpn',props:['movies']}varapp=newVue({el:'#app',data:{movies:['SeaKing','Ocean','SeaWater']},components:{cpn}})什么时候从孩子传给父母？当子组件需要向父组件传递数据时，必须自定义Eventv-on不仅可以监听DOM事件，还可以用于组件之间的自定义事件。自定义事件的流程在子组件中，通过$emit()触发事件在父组件中，通过v-on监听子组件事件