WXML(WeiXinMarkupLanguage)是框架设计的⼀套标签语⾔,结合基础组件、事件系统,可以构
建出⻚⾯的结构
1.1.数据绑定
常见数据绑定方法 。
js代码:
Page({
data: {
msg:"hello mina",
num:1713000,
isGirl:false,
person:{
age:24,
height:170,
name:"张三"
}
}
});
wxml代码
<!--pages/demo01/demo01.wxml-->
<!--
1 text 相当于web中的 span标签 不会换行
2 view 相当于 div标签 块级元素 会换行
<text>1</text>
<text>2</text>
<view>1</view>
<view>2</view>
-->
<!-- 1 字符串 -->
<view>{
{msg}}</view>
<!-- 2 数字类型 -->
<view>{
{num}}</view>
<!-- 3 bool类型-->
<view>是否是女孩:{
{isGirl}}</view>
<!-- 4 object类型 object渲染的时候还要点到里面具体的属性来显示-->
<view>年龄:{
{person.age}}