微信小程序 - 组件化开发

微信小程序 —— 组件化开发，总结一下开发思路及过程：

    组件，类似于页面，一个自定义组件由 json wxml wxss js 4个文件组成。

 

1、首先，在 miniprogram 文件夹下，创建一个组件：如 playlist

       

       同时，需要在 json 文件中声明组件将（component 字段设为 true 可将这一组文件设为自定义组件）

{
  "component": true
}

    

          暂时不管组件的内容样式，首先考虑怎么在pages文件中引用这个组件；

 2、主页面引入组件：在.json文件，对象中有两个属性component、usingComponents

        在主页面完成，组件的引入；

       

        在主页面wxml中完成，组件的使用；

 3、主页面wxml中，组件的展示

         

 

4、在主页面，组件的数据渲染

    

 

一个组件基本的，创建、引用、展示、数据渲染，就完成了。