开发者社区> 问答> 正文

小程序页面结构是什么?

小程序页面结构是什么?

展开
收起
社区秘书 2020-04-27 13:55:21 1076 0
1 条回答
写回答
取消 提交回答
  • 概述 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

    2020-04-27 13:56:24
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
《云市场-小程序》 立即下载
数字乡村建设方案 立即下载
mPaaS 小程序新品发布 立即下载