Vue学习日记（一）——Vue介绍

前言

本人学习了一段时间的vue，并尝试写了一些小Demo之后，将vue投入了几个项目之后，一直在边学习边使用，经过看了vue,vuex,vue-router的官方文档和慕课网上的一些实战视频之后，深有体会，故此写下这些文章。

前端框架比较

其实的话，前端有很多的框架，很多初学前端的人可能没有接触到框架，以为框架是很高大上的东西，就我个人而言，我是听从师姐的学习路线开始学习前端的，一开始的时候接触的就是html,css,js这些基本语言，对于框架，一直是觉得很高大上的东西。后来，经过长时间的与框架打交道之后，也明白了，基础对于前端开发者是很重要的，框架也就只是将你会复用的代码进行包装起来方便你的使用，最重要的还是基础。

目前前端开发有很多的框架在市面上，其实说是框架，如果从C语言java语言那些语言来说，也就是库，一些封装好的东西，告诉你用法，就可以简单的实现一个简单的项目了。如果想更加了解前端框架，建议可以百度百度，或者看这篇知乎讨论，点击里面的文章看看，引用一下这里的一张图片展示一下目前的前端框架。

是的这只是部分前端框架，就我个人觉得，目前前端框架的三大巨头也就只是
vue,react,angular（顺序与排名无关）。

各个框架都有自己擅长的一方面：

• vue擅长单页面多路由的开发
• react适合多页面，手机app还有一些大型的开发
• angular系统比较完善，适合快速搭建产品的原型

但是也各有各的劣势：

• vue并不特别适合多页面的开发
• react在单页面开发性能并不比vue好，因为vue比较轻便
• angular不适合程序员去自我发挥很多，因为其基本配置好饿了很多东西

当然，以上也都只是个人的见解而已，有错误还望包涵指正，关于他们的社区，就不多做介绍了，三大框架社区都比较完善。

Vue的优势

Vue.js是一个轻巧、高性能、可组件化的MVVM库，如果你不懂什么是mvvm模式可以看一下这篇文章个人觉得比较容易理解，同时拥有非常容易上手的API；

• Vue.js是一个构建数据驱动的Web界面的库。
• Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。
• Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。
• 另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

简单的说，Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。核心是一个响应的数据绑定系统

Vue.js的特性如下：

1. 轻量级的框架
2. 双向数据绑定
3. 指令
4. 插件化

Vue渐进式框架

为什么说vue是渐进式框架呢？

其实vue的官方首页就说了，vue,渐进式JavaScript 框架

其实严格的说，vue并不是一个框架，他只是一个库，和jq一样，可以操作dom的库，不同的是vue操作的是虚拟dom，至于什么是虚拟dom我会在下篇文章继续介绍。

vue并不是框架，只是和他旁边的生态环境组成了一个框架，下面，贴一个官方的渐进式框架介绍图吧，方便理解。

正如上图解释，一个vue渐进式框架就是由

1. 声明式渲染vue.js
2. 组件系统element-ui（也可以用bootstrap等，但是建议还是用这个，因为其他的还要下载其他的dom库）
3. 客户端路由vue-router
4. 大型状态管理vuex
5. 构建工具webpack

Vue全家桶

Vue著名的全家桶其实就是，包含了vue-router，vuex， vue-resource（现在基本不用，而是用更为简单的axios）。再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。

同时，在vue调试方面，可以选择安装chrome插件vue Devtools，以及有专门的组件库elment-ui，轻轻松松就可以完成一个较大型的项目

总结

vue个人觉得是很不错的框架，特别还是国内牛人发布的，接下来还会有vue一系列的文章，以及vue+axios+mysql+node+express全栈实现一个系统的文章，去更加深入的了解vue。当然还有更加深入的理解，大家也可以看看官方文档，都介绍的很充分了。