动手创建一个微信小程序的组件

一种类似于的小程序脚本语言。注意;

1. 文件不依赖于运行时的库。2. 与是另外一门语言。3. 于的运行时完全隔离的,不能调用中的函数,不能调用小程序提供的4. 不能进行回调总结一下

总结一下当前的内容类似于一门脚本语言,使用的是导出的方式来进行和进行连接,类似于.为页面显示的文件,类似于网页中的文件为配置文件,可以进行对页面内容的配置。为配置文件,可以进行的配置。 为进行处理回调,以及页面数据绑定的文件

自定义组件

使用自定义组件,将页面的功能抽象成为组件,在不同的页面中重复使用,将复杂的页面抽象成为多个模块。即达到高内聚,低耦合的目标。

总诉

创建自定义组件

一个组件由,,,四个文件组成,要编写一个自定义组件,需要在中自定义组件,这一组文件为自定义组件。

文件如下

即上方中设置该文件夹为组件文件夹

命名有点不规范,应该命名为

使用函数进行设置

这里需要重要为大写。必须写为 否则会无法显示,一个小坑,不是驼峰命名法,╮(╯▽╰)╭

设置组件的内容

设置组件的

通过设置页面的数据,进行对组件的引用

设置组件引用文件夹下单组件内容对组件进行引用

设置文字内容为 ,如果

设置的话,将会设置为默认的。

组件模板和样式

类似于页面,自定义组件拥有自己的和样式。

组件模板

组件模板的写法和页面模板相同,组件模板和组件数据组合生成节点树。将入到组件的引用位置上。组件模板中提供,用于承载组件引用时的子节点,即组件引用的时候,其内部的子节点,将会插入到节点内部组件的文件如下

的文件如下

编译后即可生成

模板和数据绑定

使用数据绑定,向子组件的属性动态的传递数据即,向模板传递数据设置模板的

设置模板的文件

设置的文件

完成对组件的使用。

设置组件的

为子节点的承载点。在函数中设置对象的属性为,确保支持多的支持即

对于多个使用来进行区分定义文件如下

接着定义的文件

完成,至此完成多个节点的的插入

组件样式

组件对应于文件的样式,只对组件内部的节点生效。注意

1. 组件只能使用2. 组件避免使用后代选择器

:选择器

使用选择器,可以设置组件的默认样式

即上方设置该页面的全部的值为

外部样式

普通样式和外部样式尽量避免同时使用,因为这样会造成两个类的优先级为未定义的设置 为的样式。文件如下

如下如下

如下

显示为黄色,因为默认的权重低于外部样式表

全局样式

设置为即可,当设置的时候,其组件定义的无效,只有外部的影响,除此之外都不影响

© 版权声明
THE END
分享