FWQ
微信小程序视图层详解
本篇文章给大家带来了关于的相关知识,其中主要介绍了关于视图层的相关问题,视图层负责将逻辑层的数据显示在页面上,同时将视图层的事件发送给逻辑层,下面一起来看一下,希望对大家有帮助。 【相关学习推荐:】 小程序框架的视图层由WXML(WeiXin Markup Language,微信标记语言)与WXSS(WeiXin Style Sheet,微信样式表)编写,由组件来进行展示。视图层负责将逻辑层的数据显示在页面上,同时将视图层的事件发送给逻辑层。WXML用来描述页面的结构,WXSS用于描述页面的样式,组件是视图的基本组成单元。这三者的关系可以类比为HTML,CSS与HTML里面各种标签的关系。除了这三者之外,还有一套用于小程序的脚本语言——WXS(WeiXin Script)。WXS和WXML结合起来,可以构建出页面结构。 一、WXML 1、数据绑定 (1)简单绑定 数据绑定的基本原则: 1)在 data 中定义页面的数据:在页面对应的 .js 文件中,把数据定义到 data 对象中即可。 Page({ data:{ //字符串类型的数据 info: 'init data ' , //数组类型的数据…