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

yaojie.yao

于 2020-05-06 17:44:33 发布

阅读量1.7k

点赞数 3

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/listStyleScript/article/details/105955510

版权

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

6 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序中的双向绑定

在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"]:"小姚"  //也可以只修改里面的一项,
   })
}