VueJs 专题
您的位置:JS框架 > VueJs专题 > VueJS简介
VueJS简介
作者:--    发布时间:2019-11-20 11:37:46

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

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

特征

以下是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轻松构建和编译项目。


网站声明:
本站部分内容来自网络,如您发现本站内容
侵害到您的利益,请联系本站管理员处理。
联系站长
373515719@qq.com
关于本站:
编程参考手册