Vue的优缺点
一、Vue优缺点优点:虚拟DOM(类似ReactJS)首先,将传统DOM结构变为JSON结构,用操作js的方式代替操作DOM,性能更快;其次,虚拟dom同步到真实dom,使用sync()方法,分批渲染。双向绑定(类似AngularJS)data和DOM任何一方修改,另一方都会同步修改。缺点:内存虚拟DOM需要在内存中的维护一份DOM的副本。在DOM更新速度和使用内存空间之间取得平衡。简单页面不适用
·
一、Vue优缺点
优点:
- 虚拟DOM(类似ReactJS)
首先,将传统DOM结构变为JSON结构,用操作js的方式代替操作DOM,性能更快;
其次,虚拟dom同步到真实dom,使用sync()方法,分批渲染。 - 双向绑定(类似AngularJS)
data和DOM任何一方修改,另一方都会同步修改。
缺点:
- 内存
虚拟DOM需要在内存中的维护一份DOM的副本。在DOM更新速度和使用内存空间之间取得平衡。 - 简单页面不适用
如果虚拟DOM大量更改,这是合适的。但是单一的,频繁的更新的话,虚拟DOM将会花费更多的时间处理计算的工作。
所以,如果你有一个DOM节点相对较少页面,用虚拟DOM,它实际上有可能会更慢。
但对于大多数单页面应用,这应该都会更快。
二、单页面应用(vue-router)
优点:
- 把页面当组件加载,加载更快
- 共用API和资源,不再重复加载
缺点:
- 首次加载稍慢
所有JS和CSS会在首次加载完成(需要通过webpack合并压缩,减小资源大小和请求次数) - 不利于 SEO
页面是异步加载,不利于搜索引擎抓取
三、第三方架构
采用饿了么开源框架:element-ui:http://element.eleme.io/#/
四、采用Vue技术的项目
DOM操作频繁,或涉及多页面切换的需求,采用vue开发,现有功能(如信用分)暂时保持不变。
更多推荐
已为社区贡献1条内容
所有评论(0)