小程序中的双向绑定和vue有什么区别

最新推荐文章于 2024-10-05 17:19:34 发布

原创最新推荐文章于 2024-10-05 17:19:34 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

微信小程序专栏收录该内容

6 篇文章

订阅专栏

本文深入探讨了小程序中的数据绑定机制，对比Vue的自动双向绑定，小程序需显式调用setData方法来实现数据与视图的同步。通过实例展示了如何在小程序中修改data中的数组和对象数据。

小程序中的双向绑定

在vue中进行数据绑定后,当数据修改了会直接更新到视图上
但是在小程序中呢,data数据修改是不会直接同步到,必须调用this.setData()这个方法

例如:


data:{
 arr:[{name:"小李"},{name:"小王八"}],
 list:[{name:"小明"},{name:"小红"}]
},
setMsg(){  //该方法可以绑定到事件上也可以在onLoad里面调用  
  this.data.arr = this.data.list
   this.setData({
    arr:this.data.arr, // 简单粗暴直接修改
    ["list[0].name"]:"小姚"  //也可以只修改里面的一项,
   })
}