小程序的组件小程序的组件有哪些( 二 ) _小知识

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

文章插图
虽然说weui的组件做的还不错，基本上不用我们自己写样式，但是文档写的不适合小白学习，所以这里小编给大家推荐一款新的小程序组件库，他就是iview weapp，下载地址：https://url18.ctfile.com/f/7715018-519360357-566602（访问密码：6511），由于iview weapp和weui的样式文件不一样，因此我们只有一个个导入，需要什么导入什么，首先打开页面配置文件，如下：

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

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

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

文章插图

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

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

文章插图

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

文章插图

文章插图

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

文章插图

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

文章插图

文章插图

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

文章插图

文章插图
这里的模板中的data属性我们也可以直接在里面给他赋值，如图：

文章插图

二十一、引入模板虽然我们可以自己制作模板，但是很多时候为了代码的简洁性，我们需要进行拆分代码，这个时候就可以使用引入的概念，在此之前，我们需要写一个模板文件，如图：

文章插图
然后导入它，如图：

文章插图
当然，除此之外还有一个更简单的导入方法，如图：

文章插图

文章插图
可以看到，template中的内容他是不会包含进去的，也就是说他只会引入除模板以外的组件和内容。

二十二、总结本文主要讲到了关于微信小程序中的组件的应用，其实也就是我们熟知的页面标签，通过他们我们可以在页面中嵌入一些元素，由于现在很多三方组件的崛起，建议大家尽量用三方框架去做。感兴趣请关注小编公众号“简易编程网” 。

小程序的组件 小程序的组件有哪些( 二 )

小程序的组件小程序的组件有哪些( 二 )