微信小程序视图层详解(微信小程序逻辑层视图层的功能)

本站:VPS参考评测推荐,专注分享VPS服务器优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!PayPal代付/收录合作

这篇文章给大家带来了一些关于微信小程序的知识,主要简介了一些关于视图层的问题。视图层负责在页面上显示逻辑层的数据,并将视图层的事件发送给逻辑层。下面就一起来看看吧,希望对你有帮助。

【相关学习推荐:小程序学习教程】

小程序框架的视图层由WXML(微信标记语言)和WXSS(微信样式表)编写,组件显示。视图层负责在页面上显示逻辑层的数据,并将视图层的事件发送到逻辑层。WXML用来描述页面的结构,WXSS用来描述页面的风格,组件是视图的基本单位。三者之间的关系可以比喻为HTML、CSS和HTML中各种标签之间的关系。除了这三种,还有一种小程序的脚本语言——WXS(微信脚本)。WXS和WXML的结合可以构建一个页面结构。

一、WXML1、数据绑定(1)简单绑定。数据绑定的基本原则:1)在data: in中定义页面的数据。js文件对应的页面,将数据定义成数据对象。

Page({ data:{ // string类型数据信息: # 39;初始化数据 # 39;,//数组类型msgList的数据:默认情况下,当前循环项的索引用index表示;当前循环项由item表示。

(2)手动指定当前项的索引和变量名*使用wx:for-index指定当前循环项的索引的变量名。使用wx:for-item指定当前项的变量名。在wxml中: