VueJS教程:vue.js是什么?有哪些优点或特点?

2018-09-2913:28:07WEB前端开发Comments6,854 views字数 1345阅读模式

VueJS是一个渐进的JavaScript框架,用于开发交互式Web界面。VueJS是用于简化Web开发的着名框架之一,VueJS专注于视图层。VueJS可以很容易地集成到大型项目前端开发没有任何问题。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

VueJS聚焦更多的是视图,也就是前端部分。与其他项目和类库整合是非常容易的。 VueJS的安装非常简单,初学者可以轻松理解并开始构建自己的用户界面。内容分为不同的章节,包含相关的主题,简单而有用的例子。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

VueJS官方网站:http://www.vuejs.org/
VueJS教程:vue.js是什么?有哪些优点或特点?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

VueJS的安装非常容易。 任何开发人员都可以在短时间内轻松理解和构建交互式Web界面。 VueJS由Google的前员工Evan You 创建。VueJS的第一个版本是在2014年2月发布的。它最近在GitHub上有64,828颗星,因此非常受欢迎。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

VueJS主要特点(优点、功能):文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

  • 易用 - 已经会了 HTML、CSS、JavaScript?即刻阅读指南开始构建应用!
  • 灵活 - 不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩。
  • 高效 - 20kB min+gzip 运行大小,超快虚拟 DOM ,最省心的优化。

1. 虚拟DOM

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

2. 数据绑定

数据绑定功能可以帮助操纵或分配HTML属性的值,改变样式,通过VueJS提供的称为v-bind的绑定指令来分配类。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

3. 组件

组件是VueJS的重要功能之一,可以帮助创建可以在HTML中重用的自定义元素。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

4. 事件处理

v-on是添加到DOM元素以监听VueJS中的事件的属性。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

5. 动画/过渡

VueJS提供了多种方式来在向DOM元素添加/更新或删除HTML元素时应用转换。 VueJS有一个内置的转换组件,需要将其包装在元素中以获得转换效果。 我们可以轻松地添加第三方动画库,也可以为界面添加更多的交互性。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

6. 计算属性

这是VueJS的重要特性之一。 它有助于倾听对UI元素所做的更改并执行必要的计算。 这不需要额外的编码。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

7. 模板

VueJS提供基于HTML的模板,将DOM与Vue实例数据绑定。Vue将模板编译为虚拟DOM渲染功能。 我们可以使用渲染函数的模板,这样必须用渲染函数替换模板。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

8. 指令

VueJS有内置的指令,例如:v-ifv-elsev-showv-onv-bindv-model,这些指令用于在前端执行各种操作。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

9. 观察者

观察者(Watcher)被应用于改变的数据。 例如,表单输入元素。 在这里不必添加任何额外的事件。 观察者负责处理任何数据更改,使代码简单快捷。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

10. 路由

页面之间的导航是在vue-router的帮助下完成的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

11. 轻量级

VueJS脚本非常轻便,性能也非常快。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

12. Vue公司-CLI

可以使用vue-cli命令行界面在命令行安装VueJS。 这有助于使用vue-cli轻松构建和编译项目。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5929.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/5929.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定