vuejs是一个开源的渐进式javascript框架,用于开发交互式web界面。它是用于简化web开发的着名框架之一,vuejs专注于视图层。它可以很容易地集成到大型项目前端开发没有任何问题。
vuejs的安装非常容易。 任何开发人员都可以在短时间内轻松理解和构建交互式web界面。 vuejs由google的前员工evan you 创建。vuejs的第一个版本是在2014年2月发布的。它最近在github上有64,828颗星,因此非常受欢迎。
以下是vuejs提供的功能。
vuejs使用了虚拟dom,这个虚拟dom也被react,ember等其他框架所使用。这个改变不是在dom上进行的,而是创建了一个以javascript数据结构形式存在的dom副本。 每当进行任何更改时,都会对javascript数据结构进行更改,并将后者与原始数据结构进行比较。 然后,最终的更改将更新为真实的dom,用户将看到这种变化。 这在优化方面是很好的,它比较容易,可以以更快的速度进行改变。
数据绑定功能可以帮助操纵或分配html属性的值,改变样式,通过vuejs提供的称为v-bind
的绑定指令来分配类。
组件是vuejs的重要功能之一,可以帮助创建可以在html中重用的自定义元素。
v-on
是添加到dom元素以监听vuejs中的事件的属性。
vuejs提供了多种方式来在向dom元素添加/更新或删除html元素时应用转换。 vuejs有一个内置的转换组件,需要将其包装在元素中以获得转换效果。 我们可以轻松地添加第三方动画库,也可以为界面添加更多的交互性。
这是vuejs的重要特性之一。 它有助于倾听对ui元素所做的更改并执行必要的计算。 这不需要额外的编码。
vuejs提供基于html的模板,将dom与vue实例数据绑定。vue将模板编译为虚拟dom渲染功能。 我们可以使用渲染函数的模板,这样必须用渲染函数替换模板。
vuejs有内置的指令,例如:v-if
,v-else
,v-show
,v-on
,v-bind
和v-model
,这些指令用于在前端执行各种操作。
观察者(watcher)被应用于改变的数据。 例如,表单输入元素。 在这里不必添加任何额外的事件。 观察者负责处理任何数据更改,使代码简单快捷。
页面之间的导航是在vue-router的帮助下完成的。
vuejs脚本非常轻便,性能也非常快。
可以使用vue-cli
命令行界面在命令行安装vuejs。 这有助于使用vue-cli
轻松构建和编译项目。