Vue ~~ 势如破竹

朋友们，大家好，最近做项目用到了Vue框架，自身觉得很方便，很实用，很高端，今天我就跟大家说说Vue的强大！！！
一、Vue.js是什么

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

二、渐进式框架

一句话简单明了：渐进式框架兼容性好、主张最少！ 
Vue可能有些方面是不如React，不如Angular，但它是渐进的，没有强主张，你可以在原有大系统的上面，
把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当Angular用；还可以用它的视图，
搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用OO和设计模式的那套理念，也可以函数式，
都可以，它只是个轻量视图而已，只做了自己该做的事，没有做不该做的事，仅此而已。
渐进式的含义，我的理解是：没有多做职责之外的事。

三、Vue的两个核心点

1、响应式数据绑定
当数据发生变化是，vue自动更新视图 
它的原理是利用了Object.definedProperty 中的setter/getter 代理数据，监控对数据的操作。
（这也是为什么vue不支持ie8 以及更早的ie浏览器的原因）
2、组合的视图组件
●   ui页面映射为组件书
●   划分组件可维护、可重用、可测试

四、虚拟DOM

js的运行速度已经很快了，然而大量的DOM 操作就会变得很慢，但是前端本身就是要通过JS处理DOM 来更
新视图数据的。 这样在更新数据后会重新渲染页面，这样就造成在没有改变数据的地方也重新渲染了DOM
节点。这样性能方面就会很受影响。

利用在内存中生成与真实DOM与之对应的数据结构，这个在内存中生成的结构称之为虚拟DOM。 
当数据发生变化时，能够智能的计算出重新渲染组件的最小代价并应用到DOM操作上。vue就是利用了这一
点。

五、渲染

　　new Vue({
　　　　el:"#demo",
　　　　data: obj,
　　　　methods:{ //存放方法事件
　　　　　　clickHandle(){
　　　　　　　　alert("点击")
　　　　　　}
　　　　}
　　})

暴露自己的属性和方法，已 $ 开头
1、声明式渲染： 注释部分，必须每一步都得写出；也就是 只需要关心 声明在哪里（where） 做什么（what），而不需要关心是如何实现的（how）

2、命令式渲染： 只关心逻辑，不关心部分过程；需要通过具体的代码表达在哪里（where） 做什么（what）,如何实现（how）

渲染.png

今天就给大家简单的介绍一下Vue，先让大家对Vue有所了解，后期我会分享很多关于Vue的相关详解！！！