相信你看了导学篇,就已经对vue充满了兴趣,那么,我将对vue做一个简单的介绍,来让你明白为什么需要学习和使用vue。
    Vue是什么呢?

    Vue是一个构建用户界面(UI)的JS库,相信你一定知道或者用过jquery吧,那么jquery是什么呢?jquery也是一个强大的JS库,但是为什么会被淘汰掉?因为,有了Vue,它的方便实用取代了jquery之前的地位。

    Vue是一种什么框架呢?
    Vue是一个构建数据驱动的渐进式框架,Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。基于MVVM (Model View VievModel)设计模式书写,接下来我会简单的向你讲解一下,Vue的方便之处在哪里

    1. Vue只关注视图层,可以快速创建用户界面,也就是说,我们使用Vue的时候,只需要关注你写的代码在视图中的变化,不必要去关注我是否获取到了这个div盒子,是否获取到了这个DOM节点,更加的方便快捷。
    2. Vue的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件,高效快速的构建一个项目。
    3. Vue学习起来是非常简单,所以请你放心,Vue并不是什么很难得东西。

    那么,接下来我们就了解一下,Vue有哪些特点?

    1. 体积小:压缩后只有33KB,并且不依赖于其他基础库

    2. 更高的运行效率:基于虚拟DOM,虚拟大DOM是一种可以预先通过JS(在内存中)进行各种运算,把最终的DOM操作计算出来并优化的技术啊。由于这种对DOM操作的预处理操作,并没有真是操作DOM,所以叫做虚拟DOM

    3. 双向数据绑定:让开发者不用再去操作DOM对象,把更多的精力投入到业务逻辑上,也就是说,你只要在代码中更改东西,然后切换到浏览器查看你更改的效果就可以了,没有必要再去过多的关心自己在js中的DOM操作是否正确。

    4. 生态丰富,学习成本低:市场上拥有大量成熟、稳定的基于vue.js的UI框架、常用组件!拿来即用实现快速开发,这些框架你们之后都会用到,例如Element-UI,Ant,Avue等等,使用这些框架你就不用再去自己去费力的搭建布局以及书写css样式,更加的省心了,我们的案例展示就是使用Element-UI来制作完成的。

    那么,Vue和其他框架的对比在哪里呢?

    我们在这里只对比一下jquery吧,用过jquery的同学肯定知道,jquery给了我们方便快捷的获取DOM,事件绑定这一类的方法,但是我们在书写代码的时候还是需要去操作DOM,关系我们的DOM节点操作,那么Vue就解决了这个问题,不必去操作DOM,只需要关心自己的逻辑是否正确,大大的提高了自己的逻辑思维和代码速度。

    由此可见,使用Vue框架的好处是很多的,它会让我们的开发更加便捷,让我们有更清晰的业务逻辑,不用过多的去关注更多的DOM对象,开发会更加的快速,让我们的编程思想有更显著的提高。
    但是,我们在使用Vue之前,是不是需要安装它呢!
    接下来,就由我带领你,一步一步的准备好Vue的安装环境,并且安装好它的脚手架然后用它的脚手架来创建一个全新的项目。