开篇
本系列文章主要是探索vue的底层的实现、解读vue的源码。毕竟vue3.0即将发布,vue最主要的特点就是响应式机制、模块、以及对象式的组件声明语法,而3.0对这三部分都有所更改。所以如果我们只是懂得如何去使用vue的话,不了解其实现原理的话,那么vue3.0的到来可能会给我们带来很大的冲击,仿佛学习一种新的语言一般。
这系列的文章可能更新比较慢、毕竟本人也是菜鸟一枚,而且还有其他的事情做,所以也只能慢慢琢磨!希望见谅!
vue是什么
vue.js是一套用于构建用户界面的渐进式框架,vue采用自底而上的增量开发设计。vue可以说是一个轻巧、高性能、组件化的mvvm框架。vue.js的目标是通过尽可能简单的api实现响应的数据绑定和组合的试图组件。
vue框架的优缺点
优点:
- 利用虚拟DOM实现快速的渲染。
- 轻量级
- 响应式编程
- 组件化开发
- 服务器渲染
- 易于集成路由工具,打包工具以及状态管理工具
- 优秀成熟的社区和丰富的UI的组件
- 上手快,相对angular和react来说容易上手
缺点
缺乏对老的浏览器的兼容性,不兼容IE9及以下浏览器。
vue和node、js有什么联系
1.vue和node其实没有太大的联系,就像java和javascript一样。node是服务端语言,vue是前端框架库。使用vue并不需要学习node,其只是借助node衍生出来的包管理器npm指令罢了。
2.vue是基于js开发的,可以说是一个js库,有点类似于jquery。
3.node是对Chrome v8 javascirpt引擎的封装,其大部分模块都是基于javascript开发的。其和js使用的语法基础都是ECMAscipt。主要区别是javacript是英语到前端,node运行在后台,也可以将node看成是运行在服务端的javascript。
简单点的来说吧,学好javascript,可以让你轻松游走在前后端和各种前端框架之间。
jquery和vue、angular、react有什么区别
jquery是其实就是对js的dom操作和一些方法进行了封装,其本质上没有很大的区别。只是简化了javascript的编程。其和后面三大框架没什么可比性。其侧重点不一样。jquery侧重的简化js的书写、样式操作等,后者更多的是侧重于数据的绑定,渲染。
三大框架t的区别
react的正题是函数式的思想,把组件设计成纯组件,单向数据流。其是采用mvc模式,而其他两个框架是使用mvvm模式。其能很好得实现跨浏览器兼容问题,甚至在IE8上运行都木有问题。其实行对dom中的微操作局部更新。
vue的思想是响应式,数据可变性通过对数据建立watcher来舰艇,当属性发生改变的时候,响应式的更新对应的虚拟dom。其最大的特点就是够轻,异步批处理dom,组件复用性强。但毕竟是新生框架,社区相对来说没有那么成熟。
angular也实行了双向的数据绑定,但是相对来说比较复杂,运行上性能可能没前面两个框架快,因为其使用了脏数据检查。其能实现可嵌入、注入和测试、自定义指令。但是操作较为复杂,入门快,深入难。