初探Vue

大家好，我是VHotdong。

现在Web前端三大框架Angular React Vue各有所长。
给大家先分析一下：

1. Angular
   大家眼里比较牛的框架，甚至有人说三大框架中只有它能称上一个完整的框架，因为他包含的东西比较完善，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等功能。
2. React
   这个框架本身比较容易理解，他的结构清晰，就是由十几个API组成，然后异步渲染，我们只需要处理好接口和维护就好了，但感jio上手还是有点难度的。React是单向数据流，代码会比双向多一点，但好处是思路清晰很多。
3. Vue
   号称最简单，最容易上手的框架(我最喜欢了，不过确实跟python上手差不多了)，同时也是行内的大趋势，还可以用来开发最火的小程序。毕竟用这神器，代码飞快，项目也能更快上线。同时他也是双向数据流。有人认为Vue是Angular和React的结合，既有Angular的模块语法也有React的组件化体系。

看到这，恩~~该学谁，不要我多说了吧！哈哈哈哈

最近，我也正在学习Vue，毕竟他容易上手嘛，短时间内就可以着手项目了。而且看招聘网站的话，需求Vue也是蛮多的。好了，不多说就开始我们的Vue之旅了。对于前端小白的我，如果有错误希望大家多多指出，一起进步！！！

vue官网链接：https://cn.vuejs.org/v2/guide/

官网是这样介绍的：

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

小伙伴就要问了 什么是渐进式框架
推荐一篇好文章：https://baijiahao.baidu.com/s?id=1647203004323024188&wfr=spider&for=pc
然后我的理解呢就是，你先让你页面能够跑起来，最最最基本的功能给他实现了。’’‘渐进 渐进’’'在以后的日子里，你在慢慢根据你的需要完善它，一步一步的深入。就像你不能一口吞了一头猪一样，可以一点点嘛。

还有他是MVVM响应式编程模型，可以避免直接操作DOM , 降低DOM操作的复杂性。

1.响应式 官网解释：Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。
简而言之就是数据变页面变

实现原理：
Vue在组件和实例初始化的时候，会将data里的数据进行数据劫持(object.definepropty对数据做处理)。被解除过后的数据会有两个属性：一个叫getter，一个叫setter。

getter是使用数据的时候触发，setter是在修改数据的时候触发，修改数据的时候触发setter，同时也触发了底层的watcher监听，通知dom修改刷新。

2.MVVM 是一种模型，他可以实现响应式
—在MVVM的框架下视图和模型是不能直接通信的。它们通过ViewModel来通信，ViewModel通常要实现一个observer观察者(监视)，当数据发生变化，ViewModel能够监听到数据的这种变化，然后通知到对应的视图做自动更新，而当用户操作视图，ViewModel也能监听到视图的变化，然后通知数据做改动，这实际上就实现了数据的双向绑定。并且MVVM中的View 和 ViewModel可以互相通信。

安装

安装呢，官网中有下载按钮，就一些js吧。开发的时候感觉这种方法用的不是 很多。

最简单的方法就是头文件引入了，我用的就是这个

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">

还有一个生产版本的 不过开发的时候建议上面

<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

在此我们就可以使用我们的Vue啦
今天这篇博客主要就让大家见识一下Vue。在接下来的日子，我将陆续在这里写下我的见解，希望大家多多关注啦！！！