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

2017年10月23日 349点热度 0人点赞 0条评论

图片

 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 闭包


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

图片

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

root

这个人很懒,什么都没留下

文章评论