前言
在上节我们了解了微信小程序的项目结构,这节我们来学习下小程序的组件和模板相关知识。
今天涉及的内容有:
- 新建页面
- 组件
2.1 布局初识
2.2 组件在布局中的使用
2.3 组件的数据绑定
2.4 控件点击事件
2.5 动态更改控件上的数据内容 - 渲染标签
3.1 if 标签<判断标签>
3.2 for 标签<循环标签>
一. 新建页面
如下图,在项目pages文件夹下建FirstPage文件夹
1.png
然后在firstPage文件夹下建 first.js 和 first.wxml 文件。如下图:
2.png
在 first.js 文件中写上 Page方法,如下图:
3.gif
然后在 app.json 中注册 first 页面,如下: