美文网首页
React、Vue、小程序更新数据并渲染大比较

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

作者: 羞羞的王大锤 | 来源:发表于2020-04-06 23:55 被阅读0次

今天我们来谈谈在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、小程序更新数据并渲染大比较

    今天我们来谈谈在react、vue、小程序中是如何更新数据并渲染组件的 React React中,直接赋值不会重新...

  • React中的条件渲染

    条件渲染 Vue:设置show-if属性 React:使用JavaScript操作符来创建渲染当然状态的元素,并让...

  • 封装微信小程序http拦截器

    微信小程序是数据驱动的应用,开发技术和vue、react和angular等mv*技术类似。在vue下可以用vue-...

  • 封装微信小程序http拦截器

    微信小程序是数据驱动的应用,开发技术和vue、react和angular等mv*技术类似。在vue下可以用vue-...

  • react 基本使用

    前端核心问题 如何处理数据和视图之间的关系 react 和 vue 两个区别 => 事件监听 数据渲染 react...

  • 我的前端笔记

    目录 react 小程序 vue typescript 经验(踩坑) react useMemo 和 useCal...

  • vue和react 区别:

    vue和react 区别: 1、vue与react的对比,如何选型?从性能,生态圈,数据量,数据的传递上,作比较 ...

  • vue.js面试题整理2

    1、vue与react的对比,如何选型?从性能,生态圈,数据量,数据的传递上,作比较 (1)React 和 Vue...

  • vue3.0特性展望

    1、vue与react的对比,如何选型?从性能,生态圈,数据量,数据的传递上,作比较 (1)React 和 Vue...

  • 为什么Vue采用异步渲染呢?

    Vue 是组件级更新,如果不采用异步更新,那么每次更新数据都会对当前组件进行重新渲染,所以为了性能, Vue 会在...

网友评论

      本文标题:React、Vue、小程序更新数据并渲染大比较

      本文链接:https://www.haomeiwen.com/subject/zlewphtx.html