美文网首页
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、小程序更新数据并渲染大比较

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