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

前言

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

今天涉及的内容有:

  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 页面,如下:

还有 89% 的精彩内容
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
支付 ¥2.00 继续阅读

推荐阅读更多精彩内容