小程序 组件的使用

1.创建一个组件

组件的代码

注册组件

2.注意事项

3. 组件的样式细节

尽量只使用class选择器 因为class设置的样式在各个组件之间不会互相影响

3.1如何让class可以互相影响

4.组件和页面的通信

4.1 页面向组件传数据

1.在组件的js中设置 properties

2.在page中将值传过来 并且使用

4.1 页面向组件传样式

1.在组件的js中设置 externalClasses

2.在页面中将class传过来

3.在页面中定义响应的css

5.自定义事件

1.在组件中设定相应的事件

2.在组件的js文件中设置全局事件
**triggerEvent第一个参数是事件的名称
第二个参数是要传递的值
第三个参数是配置选项
**

3.在页面中接收该事件

6.页面直接调用组件的方法

1.设定事件

2.在事件中使用selectComponent得到组件对象
可以直接修改里面的值或者直接调用其中的方法去修改里面的值 建议是写一个方法 然后去调用

7.组件插槽

7.1单个插槽的使用

7.2 具名插槽

8.component构造器