(1)自定义组件概念
组件是 vue 技术中非常重要的部分,组件使得与ui相关的轮子可以方便的制造和共享,进而使得
vue使用者的开发效率大幅提升,在项目的 component 目录下存放组件, uni-app 只支持 vue 单
文件组件(.vue 组件)
组件可以使用「全局注册」和「页面引入」两种方式进行使用,使用分为三步:
导入 import xxx from ‘xxx’
注册 Vue.use(‘xx’,xx) components:{ xxx }
使用
(2)父子组件通信
- 父组件通过自定义属性向子组件传递数据
- 子组件通过 props 接收父组件传递的数据
- 父组件通过自定义事件标签向子组件传递事件
- 子组件通过触发父组件定义事件方式修改父组件数据
(3)slot 数据分发与作用域插槽
- 父组件通过调用子组件内部嵌套 html 内容作为 slot 分发给子组件
- 子组件通过在 slot 标签上添加属性,向父组件通信数据,作用域插槽
(4)全局事件定义及通信
- 在整个应用的任何地方均可以使用 uni.$on 创建一个全局事件
- 在整个应用的任何地方也均可以使用 uni.$emit 来触发全局事件,实现多组件见的数据通
信