使用 Component 构造器构造页面
Page构造器适用于简单的页面。但对于复杂的页面,Page构造器可能并不好用。
此时,可以使用Component构造器来构造页面。Component构造器的主要区别是:方法需要放在methods: { }里面。
视图层
JSON 语法
JSON文件都是被包裹在一个大括号中 {},通过key-value的方式来表达数据。
JSON的Key必须包裹在一个双引号中
JSON的值只能是以下几种数据格式
(1). 数字,包含浮点数和整数
(2). 字符串,需要包裹在双引号中
(3). Bool值,true 或者 false
(4). 数组,需要包裹在方括号中 []
(5). 对象,需要包裹在大括号中 {}
(6). Null
JSON 文件中无法使用注释,试图添加注释将会引发报错。
WXML 模板
WXML充当的就是类似HTML的角色
和HTML非常相似,WXML由标签、属性等等构成,也有不同之处:
标签名字有点不一样
小程序的WXML用的标签是view,button,text等等
多了一些wx:if这样的属性以及 {{ }} 这样的表达式
JS只需要管理状态即可,然后再通过一种模板语法来描述状态和界面结构的关系即可。
通过 {{ }} 的语法把一个变量绑定到界面上
WXSS 样式
WXSS具有CSS大部分的特性,小程序在WXSS也做了一些扩充和修改。
新增了尺寸单位。
WXSS在底层支持新的尺寸单位rpx
提供了全局的样式和局部样式。
WXSS仅支持部分CSS选择器
网友评论