vue开发那些事（上）

前言

vue近些年来也越来越有些星星燎原之势了，从传统的jq等js框架开发到mvc的流行盛起。前端开发也产生了各种各样的玩法，这边就针对vue来聊聊开发中的那些事。

jq和vue的区别

不少人说jq和vue没有什么可比性，应该同样归于mvc的angular和react去比较，这么做有点小试牛刀了。然而让我说的话从jq到vue的改变本质上是一个传统思想的改变，从操作dom到操作数据的思想上去，完全算得上是一种根本性质的改变。好比从石器到火种，这种划时代的变化我觉得我们都应该去了解一下。

前端主流框架

jq是什么，jq是目前世界上仍然最为流行的js框架之一。就算前端变化再多样，大部分的网站和web仍然会是jq构成的基石。它让你从复杂的js兼容性中解放出来。夸张点的说，从你接触前端开始，不管在哪里，都不可能不碰到它。
至于vue则是尤雨溪大神，针对angular以及其他mvc框架的基础上编写的简洁，高效的js框架。就目前而言vue特有的模板编写方式在其他几大mvc框架前也处于流行的前沿。让前端开发更好的从视图，数据和操作逻辑上去理解mvc理念。
简单的介绍完两者之后，那么两者之间有什么不同呢？网络上一些解答的比较深入或者复杂的不介绍了，就讲讲自己的理解吧。
它们之间有如下三大主要的区别：

dom元素操作的区别

jq操作的是dom元素，而vue是针对元素的对象进行操作。最明显的是jq中存在大量的domn元素查找，比如说find，parent，$之类的api方法，而vue更多的是直接在html元素上的：click或者：bind属性。

数据的响应式变化

因为在生成的时候vue针对页面底层元素进行了唯一特有的标识符，所有可以在底层层面做到实时的双向数据绑定。而jq的操作的话页面一般需要进行dom查找，之后借用与html或者attr的属性进行改变才行。

使用思路的偏向不同

两者之间，jq是事件驱动进行的页面元素改变。一般多是从用户行为出发去进行页面元素的改变。而vue大多发生在数据需要变化的时候，去进行methods或者computed方法，从数据的驱动的层面进行编程开发。

vue开发实际在做什么

vue开发主要是的进行页面优化的切图处理，针对实际项目ui库完成本地的编写和修改。处理日常需求所需的业务逻辑，配合完成日常所需的接口调试和数据交互。

vue开发在做什么

web常用标图分割软件：

前端常用的还是主流的ps和类似pxcook的标示图软件。有时候的设计小伙伴会提供标示好切分割的素材。但是在业务繁忙的或者不理想的状态下，还是会需要去进行photoshop的常规操作。

web常用标图分割软件

web常用ui库

vue的一些比较常见的ui库，pc端的大多是iview或者elment之类的，而移动端一般考虑到风格统一和精简，实际使用minit和ydui的会比较多些。

web常用ui库