Vue入门笔记001

写在前面：前端技术层出不穷，迭代更新速度更是快到无法想象，不过说白了都是在重复造轮子，天下武功同根同源。如今的前端开发已经进入组件化开发的时代，以前的一些前端库基本上用的少了，即使是还在用库开发的公司也在向框架整合，本人是一个刚刚入门的菜鸟，只能写写环境配置之类的文章了，源码解析之类的就交给大佬们去讲叭。下面来认识一下我们中国人自己开发的前端框架Vue。

Vue框架

Vue前端框架由大神尤雨溪开发，目前已经成为三大框架之一，非常受欢迎。首先说一下Vue是一个框架，而不是一个前端库，我在看书的时候看到0202年了还有人把它介绍为一个前端库…那什么是Vue？
1，Vue.js是一套用于构建用户界面的渐进式JavaScript框架；
2，Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）；
3，Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架
4，Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合；
5，Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

前端和库的区别

框架是一套完整的解决方案，一般对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。而库（插件）提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。

MVC和MVVM的区别

Vue.js属于MVVM模式的框架，除此之外你可能还听说过MVC，它们的区别如下：
MVC是后端分层开发的概念，Model：模型，Controller：控制器，View：视图，主要基于分层的目的，让彼此的职责分开。如下图所示：
MVVM是前端视图层的概念，主要关注视图层分离，也就是说MVVM把前端的视图层分为了三部分Model，View，ViewModel。模型（Model）指的是后端传递的数据。视图(View)指的是所看到的页面。视图模型(ViewModel)是mvvm模式的核心，它是连接view和model的桥梁。
它有两个方向：
一是将模型（Model）转化成视图(View)，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。
二是将视图(View)转化成模型(Model)，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。这两个方向都实现的，我们称之为数据的双向绑定。
在这里，因为VM的出现，Controller的存在感被完全降低了。

好了，今天不写语法，就先写到这里吧，如果哪里写的不对，欢迎交流学习！。

本文参考了以下内容，如有侵权请联系删除。
https://www.cnblogs.com/web-record/p/11757774.html