文章插图

这样可以帮助我们快速构建页面 。


十五、ui组件虽然微信给我们提供了一些组件，但是这些组件并不是特别美观，于是乎，小编决定使用一些已经写好了三方的组件，这里推荐腾讯团队做的一个ui组件库-----WeUI 。这里小编已经下载好了，给大家一个地址：

https://url18.ctfile.com/f/7715018-519360361-ee1b16（访问密码：6511），下载好了之后，我们将其放入到项目中去，然后添加到项目的全局样式文件，如图：

文章插图

然后就可以使用了，如图：

文章插图

虽然说weui的组件做的还不错，基本上不用我们自己写样式，但是文档写的不适合小白学习，所以这里小编给大家推荐一款新的小程序组件库，他就是iview weapp，下载地址：

https://url18.ctfile.com/f/7715018-519360357-566602（访问密码：6511），由于iview weapp和weui的样式文件不一样，因此我们只有一个个导入，需要什么导入什么，首先打开页面配置文件，如下：

文章插图

然后使用自定义的组件名来使用这个组件，如下：

文章插图

注：这里我们需要删除example和build，否则会报错 。


十六、自定义组件在实际开发中，并不是所有的组件都能满足我们的需求，我们总有需要自己写组件的时候，微信小程序可以让我们轻松实现自定义组件，首先我们创建一个自定义的组件文件夹，然后分别写入页面，样式和脚本，如图：

文章插图


文章插图


文章插图

然后我们将该组件导入到我们要应用到该组件的页面配置文件中去，如图：

文章插图

然后引入该组件bb，如图：

文章插图

十七、数据传递很多时候，咱们组件中的数据并不全是静态的，有的时候也要做成动态的响应式的组件，这个时候需要我们进行数据传递，首先我们需要在页面文件夹的js文件中去添加需要传递的数据的键值对，如图：

文章插图


文章插图

十八、条件渲染还是使用上面的d1数据，条件渲染是将我们所设置的条件进行对比，哪个组件的条件符合就显示哪个组件，如图：

文章插图

十九、列表渲染主要是通过遍历的方式来输出一些数组字典对象，如下：

文章插图


文章插图



二十、模板使用模板增加了代码的复用性，想用哪个就用哪个，如图：

文章插图

• 可以打电话聊天的交友软件 chats是什么聊天软件
• 女生高贵公主范的微信个性签名
• 花间交友app是真的吗 可以模拟微信聊天软件
• 天秤男动心后的眼神是什么样的
• 财产继承权的原则是什么
• 2021年正月十四是什么节日
• kk聊天是什么软件 花旗app聊天软件
• 和外国人的社交软件 免费聊天软件免费加微信
• 2021年11月23日农历十月十九出生的人八字是什么
• 交通事故中的强险的意思是什么