【微信小程序】组件化开发

组件化(Component)开发

1、组件化开发的概念:

内置组件有:view image text button form icon css

2、建立自定义组件:

两种建立组件的方法:

一、公共组件(多个page共用) 建立在 /components/w-swiper 中

二、私有组件(某个page本身使用)  建立在 /pages/home/w-swiper 中

注意:这里是在 /components/w-swiper 目录下 新建Component组件化

注册和使用组件:

注册组件:

使用组件:

3、自定义组件注意事项:

 4、组件的样式:

5、组件与页面通讯:

5-1 页面向组件传递数据

5-2 页面向组件传递样式

5-3 组件向页面传递事件 --自定义事件

个人同步笔记:3d

tab-Bar练习:

 

 

补充一个HTML+css技巧:

 

 

5-4 页面获取组件对象,修改组件内的数据和调用组件内的方法

  

 6、组件插槽 slot

 

 组件的Component构造器总结