【微信小程序开发学习笔记003】-模板语法

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}}