小程序(四)——组件使用详解

前言

在上节我们了解了微信小程序的项目结构，这节我们来学习下小程序的组件和模板相关知识。

今天涉及的内容有：

1. 新建页面
2. 组件
   2.1 布局初识
   2.2 组件在布局中的使用
   2.3 组件的数据绑定
   2.4 控件点击事件
   2.5 动态更改控件上的数据内容
3. 渲染标签
   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 页面，如下：