前面我们说道button组件,下面我们来说数据的绑定

动态绑定值 定义{{text}} 

微信小程序系列(二):微信小程序入门开发(下)

然后在js文件里面进行数值绑定

微信小程序系列(二):微信小程序入门开发(下) 

 button的绑定时间为bindtap="";

微信小程序系列(二):微信小程序入门开发(下)

动态更换我们text中的文字

微信小程序系列(二):微信小程序入门开发(下)

渲染标签的使用

1.条件标签  如果条件为false 就不现实 true就是现实

微信小程序系列(二):微信小程序入门开发(下)

点击按钮来确定 视图的现实与隐藏

微信小程序系列(二):微信小程序入门开发(下)

我们有if 当然就会有else 

微信小程序系列(二):微信小程序入门开发(下)

循环标签 for里面是一个数组

微信小程序系列(二):微信小程序入门开发(下)

微信小程序系列(二):微信小程序入门开发(下)

微信小程序系列(二):微信小程序入门开发(下) 动态变更数组的值

微信小程序系列(二):微信小程序入门开发(下)

模板使用(每个页面的相同部分)

新建一个头部

微信小程序系列(二):微信小程序入门开发(下)

将头部引用进来 必须要有蓝框里的"/" 否则会报错 

微信小程序系列(二):微信小程序入门开发(下)

定义底部

微信小程序系列(二):微信小程序入门开发(下)

因为我们定义了template 所以此时不能用include而是用import 而且还要用 <template is="foot"></template> 来指定使用哪个模板

微信小程序系列(二):微信小程序入门开发(下)

include:相当于是说吧内容复制过来

import:通过is来指定 导入哪个部分的数据 如果在foot中 通过一个import导入一个模板 然后在fristpage里面在导入foot这个模板 其中在foot中导入的模板是不生效的

微信小程序系列(二):微信小程序入门开发(下)

动态给模板拼接

微信小程序系列(二):微信小程序入门开发(下)

如果有说的不对的地方 希望各位大佬可以指点 

相关文章: