查看“Vue及相关知识基础概念”的源代码

== '''vue''' ==

=== 什么是vue ===
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

=== vue的核心 ===
1.响应式的数据绑定：当数据发生改变，视图可以自动更新，可以不用关心dom操作，而专心数据操作

2.可组合的视图组件：把视图按照功能切分成若干基本单元，组件可以一级一级组合整个应用形成倒置组件树，可维护，可重用，可测试

=== vue优点 ===

* 轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；
* 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；
* 双向数据绑定：保留了angular的特点，在数据操作方面更为简单；
* 组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；
* 视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；
* 虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操作节点，极大解放dom操作，但具体操作的还是dom不过是换了另一种方式；
* 运行速度更快:相比较与react而言，同样是操作虚拟dom，就性能而言，vue存在很大的优势。

=== vue生命周期 ===
 [https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA 参考地址：https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA]

=== 什么是 MVVM ===
mvvm即Model-View-ViewModel，mvvm的设计原理是基于mvc的，所以说mvvm不算是一种创新，充其量是一种改造，这其中的ViewModel便是一个小小的创新；如下图所示：
[[文件:Mvvm.png|无|缩略图|507x507像素]]

以上图中可看出三者之间的关系；可以将ViewMode看作是Model和View的连接桥，View可以通过事件绑定Model，Model可以通过数据绑定View，通过ViewMode可以实现数据和视图的完全分离。

== '''框架 和 库 的区别''' ==

=== 前端框架和我们以前了解的jquery库之间有什么区别么？ ===
1.库（插件）：是一种封装好的特定方法集合，对项目的侵入性较小，提供给开发者使用，控制权在使用者手中，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求

2.框架：是一套架构，会基于自身特点向用户提供一套相当完整的解决方案，而且控制权在框架本身；对项目的侵入性较大，使用者要按照框架所规定的某种特定规范进行开发，项目如果需要更换框架，则需要重新架构整个项目

=== 目前框架有哪些？库有哪些? ===
1.目前的流行前端框架Angular Vue React 
 [https://cn.vuejs.org/v2/guide/comparison.html 想知道Vue与其他框架之间的区别请进入]
2.流行的一些库jquery ，Zepto

== '''参考资料''' ==

=== Node.js入门 ===
 http://www.runoob.com/nodejs/nodejs-tutorial.html

=== Npm使用 ===
 http://www.runoob.com/nodejs/nodejs-npm.html

=== Vue官网 ===
 https://cn.vuejs.org/v2/guide/index.html

=== Vue CLI ===
 https://cli.vuejs.org/zh/guide/

=== Es6常用语法 ===
 https://blog.csdn.net/itzhongzi/article/details/73330681

=== Element（前端UI框架） ===
 https://element.faas.ele.me/#/zh-CN/component/installation

=== Ant Design of Vue（前端UI框架） ===
 https://www.antdv.com/docs/vue/introduce-cn/