【uni-app】自定义组件和通信原创

（1）自定义组件概念

是组件 vue 技术中非常重要的部分，组件使得与ui相关的轮子可以方便的制造和共享，进而使得vue 用户的开发效率大幅提升，在component目录下组件存放项目，uni-app 只支持 vue 单文件组件（. vue组件）

组件可以使用「全局注册」和「页面引入」两种方式进行使用，使用分成三步：

导入 import xxx from 'xxx '

注册 Vue.use('xx',xx) 组件：{ xxx }

使用

（2）父子组件通信

父组件通过自定义属性向子组件传递数据子组件通过 props接收修改组件父传递的数据父组件通过自定义事件标签向子组件传递事件子组件通过组件触发父定义事件方式组件父数据

（3）slot 数据分发与作用域插槽

父组件通过调用子组件内部调用 html 作为内容slot分发给子组件子组件通过在 slot 标签上添加属性，向父组件通信数据，作用域插槽

（4）全局事件定义及通信

在整个应用的任何地方都可以使用uni.$on创建一个全局事件在整个应用的任何地方也都可以使用< code>uni.$emit 来触发全局事件，实现多见组件的数据通信