小程序页面介绍
更新于 2023-08-05Page代表应用的一个页面，负责页面展示和交互。每个页面对应一个子目录，一般有多少个页面，就有多少个子目录。它也是一个构造函数，用来生成页面实例。
每个小程序页面一般包含四个文件，如下表所示。
文件类型 | 是否必填 | 作用 |
|---|---|---|
js | 是 | 页面逻辑，比如数据获取、验证等。 |
axml | 是 | 页面结构，由一系列标签堆叠而成。 |
acss | 否 | 页面样式，比如页面纵横布局等。 |
json | 否 | 页面配置，比如页面标题等。 |
示例
示例1：
/pages/index/index.js注册页面并在初始化时提供数据。
Loading...
pages/index/index.axml根据以上提供的数据渲染页面内容。
Loading...
示例2：
pages/index/index.axml中定义交互行为时，需要指定在页面脚本里面定义的响应函数。
Loading...
/pages/index/index.js中定义handleTap方法。
Loading...
示例3：
pages/index/index.axml中页面内容若要重新渲染，需在页面脚本里面调用this.setData方法。
Loading...
/pages/index/index.js中定义changeText方法。
Loading...
上面代码中，changeText方法里面调用this.setData方法，会将页面进行重新渲染。
这篇文档是否有帮助？
本页内容