专栏首页京程一灯渐进式 JavaScript 框架 Vue.js,精华都在这了

渐进式 JavaScript 框架 Vue.js,精华都在这了

Vue.js,这个软件可是当下最火的 JavaScript 框架之一,相比其他框架,Vue.js 显得可以更加快速地上手并使用,如果你是前端开发人员,想知道入门 Vue.js ,那你真得接着往下看

JavaScript 框架 Vue.js

授权协议:MIT

开发语言:JavaScript

操作系统:跨平台

开发作者:EvanYou

Github:https://github.com/vuejs/vue ★64296

Vue介绍

Vue.js是一套构建用户界面的渐进式框架。vue也是一个数据驱动框架,做spa页面的。

与其他重量级框架不同的是,Vue 从根本上采用最小成本、渐进增量(incrementally adoptable)的设计。Vue 的核心库只专注于视图层,并且很容易与其他第三方库或现有项目集成。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供有力驱动。

Vue特性

Vue的主要特性如下:

● 可扩展的数据绑定

● 将普通的 JS 对象作为 model

● 简洁明了的 API

● 组件化 UI 构建

● 配合别的库使用

对比其他框架

React

React 和 Vue 有许多相似之处,它们都有:

● 使用 Virtual DOM

● 提供了响应式(reactive)和可组合的视图组件(composable view component)。

● 将注意力集中保持在核心库,同时也关注路由和负责处理全局状态管理的辅助库。

但是在功能模板选择上,Vue相对更简单,Vue 的路由库和状态管理库都是由官方维护支持且与核心库同步更新的。React 则是选择把这些问题交给社区维护

AngularJS

Vue 的一些语法和 AngularJS 的很相似,但两者相比,在 API 与设计两方面上 Vue.js 都比 AngularJS 1 简单得多;Vue.js 是一个更加灵活开放;在 Vue 中指令和组件分得更清晰。

Ember

Vue 在普通 JavaScript 对象上建立响应,提供自动化的计算属性。在 Ember 中需要将所有东西放在 Ember 对象内,并且手工为计算属性声明依赖。在性能上,Vue 比 Ember 具有优势,即使是 Ember 2.x 的最新 Glimmer 引擎。Vue 能够自动批量更新,而 Ember 在关键性能场景时需要手动管理。

总而言之,vue 比市面上的其他框架功能更完善,性能更高效。

Vue实例

属性与方法

● 每个 Vue 实例都会代理其 data 对象的所有属性

● vue实例上的实例属性要通过实例.$实例属性名获取

● 在vue实例里面用this,this指向的是vue实例

● 实例上有一个$watch方法可以监听data属性里面的数据的变化,data一变会自动触发监听事件的执行

实例生命周期

下面是实例生命周期示意图。你不需要现在就完全明白一切,不过这些示意图在之后会对你有所帮助。

作者:开源最前线 猿妹


往期精选文章

使用虚拟dom和JavaScript构建完全响应式的UI框架

扩展 Vue 组件

使用Three.js制作酷炫无比的无穷隧道特效

一个治愈JavaScript疲劳的学习计划

全栈工程师技能大全

WEB前端性能优化常见方法

一小时内搭建一个全栈Web应用框架

干货:CSS 专业技巧

四步实现React页面过渡动画效果

让你分分钟理解 JavaScript 闭包



小手一抖,资料全有。长按二维码关注京程一灯,阅读更多技术文章和业界动态。

本文分享自微信公众号 - 京程一灯(jingchengyideng)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-10-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 为什么我们喜爱,使用和支持Vue.js

    让我告诉你一个关于Vue的故事,不仅仅是从Vue开发者的角度,我也会尝试着解释在Monterail中使用它的很多原因,你将会发现采用它对开发者和产品所有者来说都...

    疯狂的技术宅
  • 为什么现在的开发者总是拿 Vue.js 和 JavaScript 巨头 Angular、React 比较?

    Vue.js 是一个用来构建 web UI 的 JavaScript 库,基于 MIT 开源协议。Vue.js 于 2013 年首次分布,但是在接下来的两年内,...

    疯狂的技术宅
  • Vue3 对 Web 应用性能的改进[每日前端夜话0xE1]

    有关即将发布的 Vue.js 的第 3 个主要版本的信息越来越多。通过下面的讨论,虽然还不能完全确定其所有内容,但是我们可以放心地认为,它将是对当前版本(已经非...

    疯狂的技术宅
  • AngularJS vs Vue.js:对于两个流行前端框架的比较

    多年来,Web的前端开发经历了各种各样的发展,新框架不断的涌现。如您所想,为了保持竞争优势,框架都是东拼西凑来开发的。在当今的环境下,Angul...

    萌兔IT
  • 为什么我们喜爱,使用和支持Vue.js

    让我告诉你一个关于Vue的故事,不仅仅是从Vue开发者的角度,我也会尝试着解释在Monterail中使用它的很多原因,你将会发现采用它对开发者和产品所有者来说都...

    疯狂的技术宅
  • 【Vuejs】397- Vue 3最值得期待的五项重大更新

    我非常重视性能,所以在探索具体的 API 之前我想谈一谈 Vue 3 的性能。可讲的东西是很多的!几乎每个角落都能找到明显的改进!

    pingan8787
  • 2019 Vue开发指南:你都需要学点啥?

    如果您是Vue开发的新手,您可能已经听过很多关于它的专业术语了,例如:单页面应用程序、异步组件、服务器端呈现等。

    Javanx
  • Vue3 对 Web 应用性能的改进[每日前端夜话0xE1]

    有关即将发布的 Vue.js 的第 3 个主要版本的信息越来越多。通过下面的讨论,虽然还不能完全确定其所有内容,但是我们可以放心地认为,它将是对当前版本(已经非...

    疯狂的技术宅
  • 2019 Vue开发指南:你都需要学点啥?

    如果您是Vue开发的新手,您可能已经听过很多关于它的专业术语了,例如:单页面应用程序、异步组件、服务器端呈现等。

    葡萄城控件
  • chrome 开发者工具的 11 个骚技巧

    对于每个前端从业者来说,除了 F5 键之外,用的最多的另外一个键就是 F12 了。

    小生方勤

扫码关注云+社区

领取腾讯云代金券