0基础跟着黑马程序员学微信小程序前端开发Day02（自学笔记）

---

一、WXML模板语法

1.数据绑定的基本原则

①在data中定义数据，在WXML中使用数据

只需在对应项目的.js文件中，把数据定义到data对象中即可

②Mustache语法的格式

若要将data中绑定到页面中渲染使用Mustache语法（{ {}}）包裹变量即可
语法格式如下：

<view>{
   
   {
   
   绑定的数据名}}</view>

Mustache语法的一些应用场景

动态绑定内容

页面数据：

Page({
   
   
data{
   
   
info:'hello world'
	}
})

页面结构：

<view>{
   
   {
   
   info}}</view>

动态绑定属性

页面数据：

Page({
   
   
data{
   
   
    imgSrc:'/images/1.jpg'
	}
})

页面结构：

<image src="{
   
   {imgSrc}}" mode="widthFi