自定义小程序组件

158 阅读1分钟

1.如何自定义小程序组件 2.小程序组件中的behaviors的作用 3.安装配置vant-weapp组件库 4.如何使用Mobx实现全局数据共享 5.能够知道如何对小程序API进行Promise化

组件的局部引用:在页面的.json配置文件中引用组件的方式,叫做局部引用,使用key:value类型,例如:

image.png

组件和页面的区别: (1)组件:组件的.json文件中需要声明"component":"true"属性;组件的.js文件中调用的是Component()函数;组件的事件处理函数需要定义到methods节点中 s 组件样式隔离的注意点:(1)app.wxss中的全局样式对组件无效;(2)只有class选择器会有样式隔离效果,id选择器、属性选择器、标签选择器不受样式隔离的影响,

修改组件的样式隔离选项:默认情况下,自定义组件的样式隔离特性能够防止组件内外样式互相干扰的问题,但有事,我们希望在外界能够控制组件内部的样式,此时,可以通过styleIsolation修改组件的样式隔离选项

image.png

image.png