最新软件| 手机版| 软件专题 vue.js(轻量级javascript框架)v2.1.7官方最新版
您的位置:迷你下载>软件频道 > 网络软件 > 服务器区 > vue.js(轻量级javascript框架) v2.1.7官方最新版
vue.js(轻量级javascript框架) v2.1.7官方最新版

vue.js(轻量级javascript框架)v2.1.7官方最新版

  • 软件大小:757KB
  • 软件语言:简体中文
  • 软件类型:国产软件
  • 软件类别:服务器区
  • 更新时间:2016-12-27
  • 软件授权:免费版
  • 运行环境:xp/win7/win8/win10
  • 软件位数:64位/32位
  • 官方网站:http://vuejs.org/
  • 软件等级:3星

757KB

同类推荐软件

软件介绍

vue.js是目前市场上最专业最好用的一款轻量级javascript框架,它提供了MVVM数据绑定和一个可组合的组件系统,主要是用来构建交互式的Web界面的库,Vue采用的是自底向上增量开发的设计,非常容易与其他库整合,而且相比其他框架,vue.js更加容易上手,有需要的欢迎下载使用。

vue.js(轻量级javascript框架)

开发背景

2013年末,作者还在Google Creative Lab工作。当时在项目中使用了一段时间的Angular,在感叹数据绑定带来生产力提升的同时,也感到Angular的API设计过于繁琐,使得学习曲线颇为陡峭。出于对Angular数据绑定原理的好奇,作者开始 “造轮子”,自己实现了一个非常粗糙的、基于依赖收集的数据绑定库。这就是Vue.js的前身。同时在实际开发中,作者发现用户界面完全可以用嵌套的组件树来描述,而一个组件恰恰可以对应MVVM中的ViewModel。于是作者决定将我的数据绑定实验改进成一个真正的开源项目,其核心思想便是 “数据驱动的组件系统”。

MVVM 数据绑定

MVVM的本质是通过数据绑定链接View和Model,让数据的变化自动映射为视图的更新。Vue.js在数据绑定的API设计上借鉴了Angular的指令机制:用户可以通过具有特殊前缀的HTML 属性来实现数据绑定,也可以使用常见的花括号模板插值,或是在表单元素上使用双向绑定:

插值本质上也是指令,只是为了方便模板的书写。在模板的编译过程中,Vue.js会为每一处需要动态更新的DOM节点创建一个指令对象。每当一个指令对象观测的数据变化时,它便会对所绑定的目标节点执行相应的DOM操作。基于指令的数据绑定使得具体的DOM操作都被合理地封装在指令定义中,业务代码只需要涉及模板和对数据状态的操作即可,这使得应用的开发效率和可维护性都大大提升。

vue.js(轻量级javascript框架)

与Angular不同的是,Vue.js的API里并没有繁杂的module、controller、scope、factory、service等概念,一切都是以“ViewModel 实例”为基本单位:

vue.js(轻量级javascript框架)

渲染结果:

vue.js(轻量级javascript框架)

在渲染的同时,Vue.js也已经完成了数据的动态绑定:此时如果改动data.msg的值,DOM将自动更新。是不是非常简单易懂呢?除此之外,Vue.js对自定义指令、过滤器的API也做了大幅的简化,如果你有Angular的开发经验,上手会非常迅速。

vue.js主要特性

1、可扩展的数据绑定

2、将普通的 JS 对象作为 model

3、简洁明了的 API

4、组件化 UI 构建

5、配合别的库使用

Vue.js还有几个值得一提的特性:

1、异步批量DOM更新:当大量数据变动时,所有受到影响的watcher会被推送到一个队列中,并且每个watcher只会推进队列一次。这个队列会在进程的下一个 “tick” 异步执行。这个机制可以避免同一个数据多次变动产生的多余DOM操作,也可以保证所有的DOM写操作在一起执行,避免DOM读写切换可能导致的layout。

2、动画系统:Vue.js提供了简单却强大的动画系统,当一个元素的可见性变化时,用户不仅可以很简单地定义对应的CSS Transition或Animation效果,还可以利用丰富的JavaScript钩子函数进行更底层的动画处理。

3、可扩展性:除了自定义指令、过滤器和组件,Vue.js还提供了灵活的mixin机制,让用户可以在多个组件中复用共同的特性。

更新日志

为了修复一些错误,不得不介绍一些小的行为更改。

1、如果你是一个提供预编译的 dist 文件的插件/组件的作者

It is recommended to re-compile the dist file using the latest versions of vue-template-compiler and vue-template-es2015-compiler. The new generated code is backwards-compatible, but code generated by older versions of the compilers may not work properly with the latest runtime.

Code generation changes that affect compatibility are very rare and we will avoid introducing similar changes in future patch releases.

2、如果使用的移动动画功能: you use 's move animation feature:

When fixing #4510 (ensure leave transitions and enter transitions triggered by the same state change are started in the same frame), we had to move the application of the v-enter-active and v-leave-active classes to one frame after the application of v-enter and v-leave. This should not affect existing usage of , however if you are using for moving animations, there is a minor adjustment required: you need to now add position: absolute to both v-leave and v-leave-active (previously only v-leave-active is sufficient). See updated moving animation example.

3、Improvements

Improved stateful components instantiation performance by ~30%.

From version 2.1.7 and up, you can directly use the CDN link https://unpkg.com/vue for the standalone build.

4、Fixed

#4472 fix functional component multiple root nodes regression

#4478 fix SVG foreignObject namespace regression

#4484 unbind v-show if no longer present during patch

#4494 ensure value for

下载地址

用户评论

(您的评论需要经过审核才能显示)


查看所有0条评论>>