本文作者:qiaoqingyi

vue2响应式缺点(vue的响应式原理是怎样的)

qiaoqingyi 2023-05-12 407

3Vue中设计了一套强大的组合API代替了Vue2中的option API , 复用性更强了 4更好的支持TS 5Vue3中使用了Proxy配合Reflect代替了Vue2中objectdefineProperty方法实现数据的响应式数据代理 6重写了。

2Vue3data选项只能是一个方法,由方法返回一个对象1Vue2后添加的属性不具备响应式要想实现响应式只有两种方法1 set方法给对象添加新的属性,确保新添加的属性同样具备响应式3操作。

createApp 组件 与new Vue template,render setup函数返回一个对象,这个对象中包含方法和数据,生命周期钩子函数也在setup中运行,取代的是vue2中的data,methods ref类型的数据,是一种响应式的数据,待续 vue。

vue2响应式缺点(vue的响应式原理是怎样的)

HTMLASTrender render的调用 在源码中,Vue增加了对初始化是否成功的判断,如果非new Vue创建的对象,Vue会报warn初始化工作是通过_initoptions函数完成的当然,vdom改变并不一定会引起真实DOM操作在适当。

1判断target是否是undefined,null,或者原始类型,或者vue实例,或者vue实例的跟数据对象 2target为数组,则还是通过调用splice操作索引更新数据 3target为对象,且为响应式,则调用defineReactive操作数据 4更新。

优点1性能好 2简单易用 3前后端分离 4单页面应用用户体验好 缺点vue是做单页应用的,多页应用虽然也可以做,但是不够灵活vue要做多页应用需要配置多入口。

其实Vuejs不是一个框架,因为它只聚焦视图层,是一个构建数据驱动的Web界面的库Vuejs通过简单的API应用程序编程接口提供高效的数据绑定和灵活的组件系统Vuejs的特性如下1轻量级的框架 2双向数据绑定 3指令。

vue3只能由方法返回一个对象 vue2的属性不具备相应式,要实现响应式有两种方法 1 forceUpdate强制刷新页面,比较损耗性能 2 set方法给对象添加新属性,针对性强制刷新,性能消耗低 3 push pop unshif。

阅读
分享