数据与事件绑定

• MVVM模式与传统前端开发模式的区别是，数据绑定让逻辑层不再操控DOM

{{message}}
{{message+"+简单运算"}}


1
2


   view1 
   view2 




  {{index}}: {{item.name}}








    
        Click me!
     

// 页面逻辑
Page({

    data: {
        message:"数据绑定",
        status:false,
        listData:[
            { id: 1, name: "列表第一项" },
            { id: 2, name: "列表第二项" },
            { id: 3, name: "列表第三项" }
        ]
    },

    onTap: function (event) {
        console.log(event)
        console.log("子级")
    },
    onChildTap: function (event) {
        console.log("父级")
    },
    onPreparentTap: function (event) {
        console.log(event)
        console.log("爷级")
    }
})