uni-app学习之旅(四)自定义组件

自定义组件

以简单的button为例:

1、组件实现

     我们实现一个简单的按钮





2、在页面使用组件





3、页面传值给组件

以页面改变按钮组件的文本颜色为例:





4、组件传值给页面

以组件响应点击事件把当前的文本颜色传给页面为例:

4.1 首先在组件中自定义事件






4.2 页面接收事件






运行结果:

uni-app学习之旅(四)自定义组件_第1张图片

5、文本由页面按需传入,使用slot插槽插入





 

你可能感兴趣的:(uni-app)