小程序的模板与组件的基本使用

大家好,我是小肥肥今天给大家分享一下微信小程序里面模板与组件的基本使用,我个人把模板分为三大部分(定义模板,引入模板, 模板的使用),组件分为四大部分(定义组件,组件的配置,组件的使用,组件的传值)请看图解:

一:模板:

1:模板的定义

小程序的模板与组件的基本使用_第1张图片
image

2:模板的引用(wxml,wxss)

image
image

3:模板的使用

小程序的模板与组件的基本使用_第2张图片
image

官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/template.html

二:组件

1:组件的定义 (以往怎么写就怎么写不像模板一个最外面还需家一个template标签 )


小程序的模板与组件的基本使用_第3张图片
image

2:组件的配置(你需要在哪个页面里面使用组件就在哪个页面的json中配置 )


小程序的模板与组件的基本使用_第4张图片
image

3:组件的使用


小程序的模板与组件的基本使用_第5张图片
image

4:传值


小程序的模板与组件的基本使用_第6张图片
image

组件接收值


小程序的模板与组件的基本使用_第7张图片
image

今天的分享就到这里,谢谢大家!!!

发布于 2018-04-25

你可能感兴趣的:(小程序的模板与组件的基本使用)