vue编程

1. vuejs在前端开发起到什么作用

jQuery的诸多局限性导致前端工程师的发展受到了很多的限制，只能做一些表面性的工作，并不能实现前后端分离开发。

而近期出现的Vue，它给前端带来了无限的可能和改变。

改变一：真正意义上的前端工程师

之前开发都是前端做静态页面，把页面给到后台程序员改成jsp、php、asp等等...一顿乱改，一顿塞变量，做完以后页面样式乱七八糟，最后你再调整css。说白了你会html，css就行了，基本没什么门槛，可以这么说。

有了Vue和Node的前端工程化以后，前端工程师能做的事情越来越多，后台人员只需要抛过来一个Api，剩下的就可以都交给前端了。

改变二：服务端渲染VS客户端渲染

传统的jsp、php或是模板渲染也好，都是服务端渲染，就是客户端一个请求，服务器直接把整个页面返回给你，简单粗暴。（Spring Boot是通过模板引擎，由服务端完成的渲染工作）

但是vue开发是前后端分离开发，通过api进行交互，客户端请求服务器返回json数据，由客户端进行渲染。

不仅减轻了服务器的压力速度更快而且渲染更加优雅，代码更容易维护。

改变三：渲染优雅，代码易维护

jQuery是通过DOM来控制数据，不仅笨重而且渲染数据特别麻烦，而 Vue是通过数据来控制状态，通过控制数据来控制渲染，变量可以直接写在标签中，渲染更加优雅。

因为前端代码和后台代码都是分开的，所以项目更容易维护，开发效率更高。

改变四：项目工程化，结合npm直接安装第三方库

Vue让前端项目更加工程化，同时也规范了前端工程师的代码，而node和npm的加入才是vue能蓬勃发展的重要原因。

Node为Vue提供了本地server和模块化开发的思路，npm更能安装Vue项目需要的模块，配合Vue使用，比如Moment.js Element ui vuex等等，这些第三方库让Vue有了无限的可能。

敲黑板（补充下）：传统开发jQuery是命令式编程，现代框架开发是函数式编程。现代框架开发，可以使用Webpack（当然使用jQuery也可以使用Webpack），可以使用人家提供的现成的脚手架，比方说create-react-app，vue-cli。极大提高了开发的效率，并且可以使用最新的ES6、ES7语法进行开发，在编码体验上，就提高了一个档次。

总结

知其然，知其所以然，没有最好的框架，只有最合适的框架！

2. 前端学完vue学什么

跟大家分享一份系统的web前端学习路线图！
1、前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局，WebApp页面布局，还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。
2、JavaScript高级课程、PC端全栈项目开发。主要内容为原生JavaScript、面向对象进阶与ES5/ES6应用、JavaScript工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等。学习目标是可以通过原生JavaScript开发交互功能，实现网站上的交互效果，以及模块化应用等，实现完整的前端工程。
3、Web前端框架、混合开发(Hybrid，RN)、大数据可视化。主要内容为Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid，RN)、Angular前端框架、大数据可视化等。学习目标是可以独立完成相应的项目，如场景，应用Vue.js/Ionic/React.js等框架开发WebApp，小程序项目开发，以及各类混合应用项目开发等。
以上就是为大家规划的学习路线，相信学完该课程即使是零基础的小白，也能熟练掌握移动Web网页开发、JavaScript网页编程、前后端交互、微信小程序项目开发，以及各类混合应用项目开发等核心技能，胜任前端开发工程师的岗位。

3. vue什么时候火起来的

vue是2016年火起来的。2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点，授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人尤雨溪。

vue的优点

1、轻量级框架

只关注视图层，是一个构建数据的视图集合，大小只有几十kb，Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。

2、简单易学

国人开发，中文文档，不存在语言障碍，易于理解和学习。

3、双向数据绑定

也就是所谓的响应式数据绑定。这里的响应式不是媒体查询中的响应式布局，而是指vue.js会自动对页面中某些数据的变化做出同步的响应。

也就是说，vue.js会自动响应数据的变化情况，并且根据用户在代码中预先写好的绑定关系，对所有绑定在一起的数据和视图内容都进行修改，

而这种绑定关系，就是以input 标签的vmodel属性来声明的，因此你在别的地方可能也会看到有人粗略地称vue.js为声明式渲染的模版引擎。

这也就是vue.js最大的优点，通过MVVM思想实现数据的双向绑定，让开发者不用再操作dom对象，有更多的时间去思考业务逻辑。

4、组件化

在前端应用，我们是否也可以像编程一样把模块封装呢？这就引入了组件化开发的思想，Vue.js通过组件，把一个单页应用中的各种模块拆分到一个一个单独的组件中，我们只要先在父级应用中写好各种组件标签。

并且在组件标签中写好要传入组件的参数，就像给函数传入参数一样，这个参数叫作组件的属性，然后再分别写好各种组件的实现填坑，然后整个应用就算做完了。

5、视图，数据，结构分离

使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作。

6、虚拟DOM

现在的网速越来越快了，很多人家里都是几十甚至上百M的光纤，手机也是4G起步了，按道理一个网页才几百K，而且浏览器本身还会缓存很多资源文件，那么几十M的光纤为什么打开一个之前已经打开过，已经有缓存的页面还是感觉很慢呢。

这就是因为浏览器本身处理DOM也是有性能瓶颈的，尤其是在传统开发中，用JQuery或者原生的JavaScriptDOM操作函数对DOM进行频繁操作的时候，浏览器要不停的渲染新的DOM树，导致页面看起来非常卡顿。

而VirtualDOM则是虚拟DOM的英文，简单来说，他就是一种可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化，由于这个DOM操作属于预处理操作，并没有真实的操作DOM，所以叫作虚拟DOM。

最后在计算完毕才真正将DOM操作提交，将DOM操作变化反映到DOM树上。

7、运行速度更快

像比较与react而言，同样都是操作虚拟dom，就性能而言，vue存在很大的优势。

4. vue要学多久才能用

主要是看你要学到什么程度：
如果你去观察那些前端负责人，前端架构师，除了技术层面，他们在设计模式，思维以及对软件工程的理解都是很优秀的。而这些的前提还是基础先扎实，再去打上层建筑。我们需要学习哪些：1. JavaScript的运行机制，作用域，原型链，变量特点等底层原理。2. 设计模式，架构思维，编程思想，软件工程的常见问题。
我们都会写路由。但是你知道路由如何写才能保证多路由模块解耦，保证更方便增加新的路由模块吗？我们都会对Vue项目最后打包上线。但是你知道如何编写配置文件能让打包速度最优化吗？我们都会写组件。但是你知道怎么让组件能够成为高复用性的组件库型组件吗？诸如此类的问题，是实践中区分前端水平高低的最重要因素，也是很多前端程序员迟迟等不到大厂offer，突破不到高级前端的重要因素。
对很多人来说很为难的一点是，中小公司工作的程序员，写着平时的业务代码，很少有机会接触到大厂的优秀实践。如果大家以后有机会学习到此类的东西，无论如何一定不要错过。
各位前端的朋友，真心建议大家不要把自己锁在会了Vue，安心写业务代码的思维里。

5. vue好学吗

任何编程或者说任何技能，入门简单，精通难，vue也是，唯一的技巧就是多练习，实战项目