父子组件的通信

92 阅读1分钟

任何实现父子组件的通信

  • 通过props向子组件传递数据
  • 通过事件向父组件发送消息(自定义事件emit)

未命名文件 (1).png

props的值有两种方式

  • 方式一:字符串数组,数组中的字符串就是传递时的名称;
  • 方式二:对象,对象可以设置传递时的类型,也可以设置默认值等;

props驼峰标识

<cpn :c-info="info"></cpn>

props: {
    cInfo: {
        type: Object,
        default() {
            return {}
        }
    }
}