课程介绍

学习资料

来源：太原IT培训学院时间：2020/10/9 10:36:35

太原学web前端开发去哪好

太原学习web前端开发去哪里，就选太原优就业web前端培训学校！这里有专业的教师团队，丰富的教育资源，欢迎您的到来。
Vue.js新手入门指南
1.Vue.js是什么？

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

Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
2.Vue.js到底是什么？
Vue.js就是一个用于搭建类似于网页版知乎这种表单项繁多，且内容需要根据用户的操作进行修改的网页版应用。
3.单页应用程序（SPA）
顾名思义，单页应用一般指的就是一个页面就是应用，当然也可以是一个子应用，比如说某网站的的一个页面就可以视为一个子应用。单页应用程序中一般交互处理非常多，而且页面中的内容需要根据用户的操作动态变化。
4.为什么要用Vue.js呢？
讲到JQuery，就不得不说到JavaScript的DOM操作了。如果你用JQuery来开发一个知乎，那么你就需要用JQuery中的各种DOM操作方法去操作HTML的DOM结构了。
现在我们把一个网页应用抽象一下，那么HTML中的DOM其实就是视图，一个网页就是通过DOM的组合与嵌套，形成了较基本的视图结构，再通过CSS的修饰，在基本的视图结构上“化妆”让他们看起来更加美观。较后涉及到交互部分，就需要用到JavaScript来接受用户的交互请求，并且通过事件机制来响应用户的交互操作，并且在事件的处理函数中进行各种数据的修改，比如说修改某个DOM中的innerHTML或者innerText部分。
我们把HTML中的DOM就可以与其他的部分独立开来划分出一个层次，这个层次就叫做视图层。
Vue的核心库只关注视图层，因为在像知乎这种页面元素非常多，结构很庞大的网页中，数据和视图如果全部混杂在一起，像传统开发一样全部混合在HTML中，那么要对它们进行处理会十分的费劲，并且如果其中有几个结构之间存在藕断丝连的关系，那么会导致代码上出现更大的问题，等以后产品迭代越来越快，修改越来越多，而且页面中类似的关联和嵌套DOM元素不止一个，那么修改起来将非常费劲。而且JQuery选择器查找页面元素以及DOM操作本身也是有性能损失的，可能到时候打开这个页面，会变得越来越卡，而你却无从下手。
在编写项目的时候遇到了这种问题时，如果你学过Vue.js，那么这些问题将迎刃而解。
5.Vue.js为什么能让基于网页的前端应用程序开发起来这么方便？
因为Vue.js有声明式，响应式的数据绑定，与组件化的开发，并且还使用了VirtualDOM这个优越的技术。

大前端就业前景广、岗位选择多

多重重磅技能加身多类岗位任你挑