webpack书 webpack书籍推荐

使用vue组件有什么优缺点

vue和其他框架的区别

一、与angular的区别

相同点：

都支持指令：内置指令和自定义指令。都支持过滤器：内置过滤器和自定义过滤器。都支持双向数据绑定。都不支持低端浏览器。

不同点

angular的学习成本高，增加了依赖注入Dependentcy Injection特性，而vue本身提供的API都比较简单，直观。

在性能上，angular依赖对数据做脏检查，所以Watcher越多越慢。vue使用基于依赖追踪的观察并且使用异步队列更新。所有的数据都是独立触发的。对于庞大的应用来说，这个优化差异还是比较明显的。

二、与react的区别

相同点：

react采用特殊的JSX语法。vue在组件开发中也推崇编写vue特殊文件格式，对文件内容都有一些约定，两者都需要编译后使用。

中心思想相同：一切都是组件，组件实例之间可以嵌套。

都提供合理的钩子函数，可以让开发者定制化地去处理需求。

都不内置列数Ajax，Route等功能的核心包，而是以插件的方式加载。

在组件开发中都支持mixins的特性。

不同点：

React依赖Virtual DOM，而vue使用的是DOM模板，React采用的Virtual DOM会对渲染出来的结果做脏检查。

vue在模板中提供了指令，过滤器等，可以非常方便，开解的操作DOM 。

优点：轻量级的框架，双向数据绑定，组件化开发，单页面路由，学习成本低，虚拟dom，渐进式框架，数据和结构的分离，运行速度快，插件化。

缺点：不支持IE8以下，社区可能没有Angular和React那么丰富，Vue 不缺入门教程，可是很缺乏高阶教程与文档。同样的还有书籍，因为是单页面应用，不利于seo优化，初次加载时耗时多。

vue的优点

1、简单易用

2、灵活渐进式

3、轻量高效

（3-1）、压索之后20KB大小

（3-2） 、虚拟DOM

4、MVVM

（4-1）、数据驱动视图

（4-2）、常规的操作方式都是DOM

（4-3）、普通的javascript数据

5、组件化

组件化优点

提高开发效率

方便重复使用

简化调试步骤

提升整个项目的可维护性

便于协同开发

vue的缺点

1、Vue 不缺入门教程，可是很缺乏高阶教程与文档。同样的还有书籍。

2、VUE不支持IE8

3、生态环境差不如angular和react

4、社区不大

如果有问题可以读源码。功能仅限于 view 层，Ajax 等功能需要额外

的库。对开发人员要求较高。开发的话，需要 webpack，不然很难用，最好配合 es6。不过Vue-cli把webpakc也隔离的差不多了

优点：

虚拟DOM（类似ReactJS）
首先，将传统DOM结构变为JSON结构，用操作js的方式代替操作DOM，性能更快；
其次，虚拟dom同步到真实dom，使用sync()方法，分批渲染。

双向绑定（类似AngularJS）
data和DOM任何一方修改，另一方都会同步修改。

缺点：

内存
虚拟DOM需要在内存中的维护一份DOM的副本。在DOM更新速度和使用内存空间之间取得平衡。

简单页面不适用
如果虚拟DOM大量更改，这是合适的。但是单一的，频繁的更新的话，虚拟DOM将会花费更多的时间处理计算的工作。
所以，如果你有一个DOM节点相对较少页面，用虚拟DOM，它实际上有可能会更慢。
但对于大多数单页面应用，这应该都会更快。