大家好,我是小肥肥今天给大家分享一下微信小程序里面模板与组件的基本使用,我个人把模板分为三大部分(定义模板,引入模板, 模板的使用),组件分为四大部分(定义组件,组件的配置,组件的使用,组件的传值)请看图解:
一:模板:
1:模板的定义
![](https://img.haomeiwen.com/i4316111/2dfdc0fb51254305.jpg)
2:模板的引用(wxml,wxss)
![](https://img.haomeiwen.com/i4316111/f760ed10a0621b94.jpg)
![](https://img.haomeiwen.com/i4316111/41eab29f2c79c291.jpg)
3:模板的使用
![](https://img.haomeiwen.com/i4316111/8af6a50b254d5c99.jpg)
官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/template.html
二:组件
1:组件的定义 (以往怎么写就怎么写不像模板一个最外面还需家一个template标签 )
![](https://img.haomeiwen.com/i4316111/0d0063632e73fbcd.jpg)
2:组件的配置(你需要在哪个页面里面使用组件就在哪个页面的json中配置 )
![](https://img.haomeiwen.com/i4316111/d4197d4da05a5b35.jpg)
3:组件的使用
![](https://img.haomeiwen.com/i4316111/da0a5e5e49f85265.jpg)
4:传值
![](https://img.haomeiwen.com/i4316111/67d032111a446198.jpg)
组件接收值
![](https://img.haomeiwen.com/i4316111/57144d489c8c8e02.jpg)
今天的分享就到这里,谢谢大家!!!
网友评论