Vue数据响应Object.defineProperty_object.defineproperty called on non-object

作者：weixin_40725706 | 2024-02-21 12:51:50

踩

object.defineproperty called on non-object

Vue数据响应

在网页开发中，一般数据想要渲染到页面中，需要依赖于操作DOM更新。 Vue和React则是使用数据驱动视图，也就是数据改变，DOM也相应完成变化。

而数据变化更新DOM也分为侵入式和非侵入式

Vue属于非侵入式，React和小程序数据变化输入侵入式。

侵入式设计，就是设计者将框架功能“推”给客户端；

而非侵入式设计，则是设计者将客户端的功能“拿”到框架中用

侵入式设计带来的最大缺陷是，代码需要依赖框架的代码，如果把框架拿掉或者换一个框架，就需要重新修改代码

下面的例子中，vue改变a的值没有调用其他的API，而react和小程序则调用了setState和setData的API

Vue:

this.a++; 
1

React:

this.setState({
    a: this.state.a + 1
}); 
1
2
3

小程序：

this.setData({
    a: this.state.a + 1
}); 
1
2
3

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/123895