小程序组件化开发- 各个组件有详细介绍3-2

组件：在用户界面开发领域，组件是一种面向用户的，独立的，可复用的交互元素的封装

 

组件的结构 ：相当于wxml

　　逻辑：js

　　样式 ： wxss

 

组件化开发的意义：

组件化是对实现的分层，是更有效地代码组合方式

组件化是对资源的重组和优化，从而使项目资源更合理

组件化有利于单元测试

组件对重构较友好

 

设计组件原则：

高内聚低耦合

单一职责

避免过多参数

 

即将完成的项目当中的组件：  3-2有详细介绍

歌单组件

歌曲组件

歌曲进度条组件

歌词组件

博客卡片组件

博客控制组件

底部弹窗组件

登录组件

搜索组件

 

开始：

歌单组件：

首先先创建组件 在compont里

然后在想调用改组件的json界面上使用该组件

 

 

 

 在wxml使用

在js里定义playlist数据，在wxml里获取该数据        这个数据可以在控制台的appdata里查看

  

    

    

  

 

 

在组件的wxml中

 

 然后完成对应的css样式

 

然后在原本调用组件的地方，给组件添加样式

初步效果图：

 

 

调完组件样式就