VueJS是一个开源的渐进式JavaScript框架,用于开发交互式Web界面。它是用于简化Web开发的着名框架之一,VueJS专注于视图层。它可以很容易地集成到大型项目前端开发没有任何问题。

VueJS的安装非常容易。 任何开发人员都可以在短时间内轻松理解和构建交互式Web界面。 VueJS由Google的前员工Evan You 创建。VueJS的第一个版本是在2014年2月发布的。它最近在GitHub上有64,828颗星,因此非常受欢迎。

官方网站:http://www.vuejs.org/


VueJS主要特点:

  • 易用 - 已经会了 HTML、CSS、JavaScript?即刻阅读指南开始构建应用!

  • 灵活 - 不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩。

  • 高效 - 20kB min+gzip 运行大小,超快虚拟 DOM ,最省心的优化。



以下是VueJS提供的功能。

1. 虚拟DOM

VueJS使用了虚拟DOM,这个虚拟DOM也被React,Ember等其他框架所使用。这个改变不是在DOM上进行的,而是创建了一个以JavaScript数据结构形式存在的DOM副本。 每当进行任何更改时,都会对JavaScript数据结构进行更改,并将后者与原始数据结构进行比较。 然后,最终的更改将更新为真实的DOM,用户将看到这种变化。 这在优化方面是很好的,它比较容易,可以以更快的速度进行改变。

2. 数据绑定

数据绑定功能可以帮助操纵或分配HTML属性的值,改变样式,通过VueJS提供的称为v-bind的绑定指令来分配类。

3. 组件

组件是VueJS的重要功能之一,可以帮助创建可以在HTML中重用的自定义元素。

4. 事件处理

v-on是添加到DOM元素以监听VueJS中的事件的属性。

5. 动画/过渡

VueJS提供了多种方式来在向DOM元素添加/更新或删除HTML元素时应用转换。 VueJS有一个内置的转换组件,需要将其包装在元素中以获得转换效果。 我们可以轻松地添加第三方动画库,也可以为界面添加更多的交互性。

6. 计算属性

这是VueJS的重要特性之一。 它有助于倾听对UI元素所做的更改并执行必要的计算。 这不需要额外的编码。

7. 模板

VueJS提供基于HTML的模板,将DOM与Vue实例数据绑定。Vue将模板编译为虚拟DOM渲染功能。 我们可以使用渲染函数的模板,这样必须用渲染函数替换模板。

8. 指令

VueJS有内置的指令,例如:v-ifv-elsev-showv-onv-bindv-model,这些指令用于在前端执行各种操作。

9. 观察者

观察者(Watcher)被应用于改变的数据。 例如,表单输入元素。 在这里不必添加任何额外的事件。 观察者负责处理任何数据更改,使代码简单快捷。

10. 路由

页面之间的导航是在vue-router的帮助下完成的。

11. 轻量级

VueJS脚本非常轻便,性能也非常快。

12. Vue公司-CLI

可以使用vue-cli命令行界面在命令行安装VueJS。 这有助于使用vue-cli轻松构建和编译项目。