React、Vue、小程序更新数据并渲染大比较

今天我们来谈谈在react、vue、小程序中是如何更新数据并渲染组件的


React

React中,直接赋值不会重新渲染组件:

// Wrong
this.state.comment = 'Hello';

如果数据变化希望重新渲染组件需要:

// Correct
this.setState({comment: 'Hello'});

Vue

在vue中直接赋值就可以重新渲染组件

// Correct
this.comment = 'Hello'

小程序

小程序实现的方式和React很类似,不能直接赋值

//Wrong
this.data.comment ='Hello'

而是需要使用setData方法

// Correct
this.setData({
  comment:'Hello'
})

最后

好啦,以上就是我本次分享的全部内容啦,如果你觉得我的文章对你有一丢丢帮助,那么请不要吝啬你的赞哦,阿门~

你可能感兴趣的:(React、Vue、小程序更新数据并渲染大比较)