概述 Page 代表应用的一个页面,负责页面展示和交互。每个页面对应一个子目录,一 般有多少个页面,就有多少个子目录。它也是一个构造函数,用来生成页面实例。 每个小程序页面一般包含四个文件。 [pageName].js:页面逻辑 [pageName].axml:页面结构 [pageName].acss:页面样式(可选) [pageName].json:页面配置(可选) 页面初始化时,提供数据。
data: {
title: 'Alipay',
array: [{user: 'li'}, {user: 'zhao'}],
},
});
根据以上提供的数据,渲染页面内容。 {{title}} {{array[0].user}} 定义交互行为时,需要指定响应函数。 click me 以上代码指定用户触摸按钮时,调用 handleTap 方法。
handleTap() {
console.log('yo! view tap!');
},
});
页面重新渲染,需要在页面脚本里面调用 this.setData 方法。 {{text}} 以上代码指定用户触摸按钮时,调用 changeText 方法。
data: {
text: 'init data',
},
changeText() {
this.setData({
text: 'changed data',
});
},
});
上面代码中,changeText 方法里面调用 this.setData 方法,会导致页面重新渲 染。
内容来源:https://developer.aliyun.com/article/756818?spm=a2c6h.12873581.0.dArticle756818.26162b70Su1GZy&groupCode=tech_library
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。