SetData的合理使用
setData()函数用于将逻辑层数据发送到视图层,同时对应的改变this.data的值。
每次 setData 的调用都是一次进程间通信过程,所以通信开销和setData的数据量有关。
我们都知道,在微信小程序中是没有DOM和BOM的,是数据驱动视图的。逻辑层中的 data 数据改变了,视图层 view 也会跟着改变,它是单向数据流的。
在官方小程序文档-性能优化可以看到,setData
是小程序开发中使用最频繁、也是最容易引发性能问题的接口。
this.data和this.setData
摘要
小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的,而this.setData是用来更新界面的.
注意,的是这里的 this 指的仅是 Page
实例。小程序直接 this.data 的属性是不可以同步到视图的,必须调用 this.setData({})。 this.data可以获取页面data对象,this.data与this.setData的关系就是this.setData里面存储的是this.data的副本,而界面是从this.setData里面托管的this.data的副本取数据的。所以我们更改this.data并不会直接更新界面,因为这个时候的this.setData里面的副本还是没有更新前的。
版权声明:
作者:jenkin
链接:https://blog.ijenkin.top/index.php/2021/10/09/setdatadhlsy/
来源:Jenkin
文章版权归作者所有,未经允许请勿转载。
共有 0 条评论