（微信小程序）数据与事件绑定

我是表哥Harker，表妹我来咯~

今天介绍 小程序中如何进行绑定事件和处理数据

 

一、数据绑定

1、如何定义页面的数据 

• 小程序中每个页面，由4部分组成，其中 .js 文件内可以定义页面的数据、生命周期函数、其它业务逻辑
• 如果要在.js文件内定义页面的数据，只需把数据定义到 data 节点下即可

示例代码如下： 

Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  }
})

2、Mustache语法格式 

• 把data中的数据绑定到页面中渲染，使用 Mustache 语法（双大括号）将变量包起来即可

语法格式为：  

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

Mustache 语法的主要应用场景： 

• 绑定内容 
• 绑定属性 
• 运算（三元表达式、算术运算、逻辑判断、字符串运算、数据路径运算） 

<