小程序组件化开发

124 阅读1分钟

事件参数的传递

当视图层发生事件时,某些情况需要事件携带一些参数到执行的函数中, 这个时候就可以通过data-属性来完成。格式:data-属性的名称。获取:e.currentTarget.dataset.属性的名称。

事件冒泡和事件捕获

当界面产生一个事件时,事件分为了捕获阶段和冒泡阶段。

image.png

小程序组件化开发

从v1.6.3开始, 小程序开始支持自定义组件开发, 也让我们更加方便的在程序中使用组件化。有了组件化的思想,我们在之后的开发中就要充分的利用它。我们要尽可能的将页面拆分成一个个小的、可复用的组件。这样让我们的代码更加方便组织和管理,并且扩展性也更强。

创建一个组件

类似于页面,自定义组件由 json wxml wxss js 4个文件组成。我们会先在根目录下创建一个文件夹。components, 里面存放我们之后自定义的公共组件。常见一个自定义组件 my-cpn: 包含对应的四个文件。

自定义组件的步骤:

(1)首先需要在 json 文件中进行自定义组件声明(将component 字段设为 true 可这一组文件设为自定义组件。

(2)在wxml中编写属于我们组件自己的模板。

(3)在wxss中编写属于我们组件自己的相关样式。

(4)在js文件中, 可以定义数据或组件内部的相关逻辑。