微信小程序05 - 开发框架组成介绍

目录

1. 了解小程序的开发框架
2. WXML的语法

一、小程序的开发框架

• WXML: 描述页面的内容
• WXSS: 描述页面的样式
• JavaScript: 控制页面交互逻辑和数据通信
• WXS: 它是对WXML能力的增强的一种脚本语言，可以将我们请求到的数据，进行filter（过滤）,和计算处理，帮WXML快速构建出页面的内容结构。

二、WXML的语法

开始标签和结束标签包裹着我们的内容（简单的文本，其他的WXML文本语句），我们也可以在开始标签里面传入一些属性，来控制我们这个标签组件。

例子：注意标签必须是严格闭合的，属性大小写敏感

定义view标签，并且里面包裹hello world 文本，以及一个view子标签。在view标签里面，传入了class, data-name属性，形式是key-value 形式。

三、WXML的语言特性 - 数据绑定

小程序通过数据绑定达到动态数据更新。
页面的js文件Page的data对象可以让我们进行数据的传入到wxml。
在.wxml文件中 ，我们使用 { {变量名}} - Mustache 的语法来实现对数据接收绑定。

例如：
我们先在index.js文件内的data对象里面，定义了一个message的数据属性。
然后在index.wxml文件内,通过变量 + { {}}的形式，将message绑定起来。 wxml数据绑定有很多种，这里用最简单的方式。 { {message}} 可以认为是绑定的text文本里面的值。 <标签&g