微信小程序组件化开发

微信小程序组件化开发,第1张

微信小程序的组件和Vue的组件非常相似。

在微信小程序中有很多内置组件,比如button view input image等,有时候我们要自定义组件。和Vue的组件似的。

如何创建自定义组件:

新建一个components目录,在里边创建自定义组件

组件的组成:

使用组件:

一个简单的示例:

创建comp,代表页面;创建components/xxxx,代表组件。

创建组件:

使用组件:

注意:json文件中不能写注释啥的。这里的注举键释租芹是为了解释清楚,在开发中不能写注释。

组件的注意事项:

组件的样式细节:

如何控制页面和组件的样式相互影响:

组件和页面相互通信

this.triggerEvent(事件名,参数对象,{}),最后是options,额外的一些选项

预留一个设备,以有利于对以后进行扩展。

好处:

例子:

在移动端,导航栏,nav-bar,分为左中右三部分。不把这三部分的内容写死。就用插槽,为了封装性更好。

单个插槽的使用很简单:

多个插槽的使用稍微弊答毕复杂,要设置几个东西:

component构造器中可以写哪些东西,如下

要有ES6 基础.

css js 基础.

根据小程序官方的模雹组件文档.

把每枣或一个可以凳码伍复用的功能设计成通用的. 然后创建成组件 调用使用.

细节太多. 可以追问


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12513436.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存