《Vue.js前端开发技术与实践（第二版）》 课件 第7章 Vue组件通信.pptx

??第7章Vue组件通信;组件之间的关系;A组件（父）;数据通信;父子组件通信;父子通信Vue提供的技术;插槽slot;1、父组件向子组件传模板内容（父传子）

;1、父组件向子组件传模板内容（父传子）

;;3、子组件在渲染时将一部分数据提供给插槽（子传父）

;Props;1、父组件向子组件传数据;props;透传Attributes

;1、父组件向子组件传属性;script//使用普通的script来声明选项

exportdefault{

?inheritAttrs:false

}

/script;1、父组件向子组件传属性;在JavaScript中访问透传Attributes;事件;子组件传值给父组件;通过子组件调用父组件的方法时传递参数;事件与V-model;父组件子组件数据双向绑定;;3、子组件暴露属性和方法给父组件;parent;跨级组件通信;Provide/Inject;一个父组件相对于其所有的后代组件，会作为依赖提供者。

任何后代的组件树，无论层级有多深，都可以注入由父组件提供给整条链路的依赖。;;;兄弟组件通信;第三方包mitt;;