发布于 2015-10-23 03:51:59 | 116 次阅读 | 评论: 0 | 来源: 网友投递
Vue.js 轻量级 JavaScript 框架
Vue.js 是构建 Web 界面的 JavaScript 库,提供数据驱动的组件,还有简单灵活的 API,使得 MVVM 更简单。
Vue.js 1.0.0 RC2 发布,更新如下:
v-for
now support the v-for="(key, val) in obj"
or v-for="(index, val) in arr"
syntax. This allows nested loops to more easily reference the key or index.
v-on
can now omit the expression if it has modifiers. e.g. @submit.prevent
will call preventDefault()
on submit
events.
Custom directive API improvement:
Custom directives can now provide a params
Array, and the Vue compiler will automatically extract these attributes on the element that the directive is bound to. The old undocumented this.param()
directive instance method has been deprecated.
Example:
<div v-example a="hi"></div>
Vue.directive('example', { params: ['a'], bind: function () { console.log(this.params.a) // -> "hi" } })
This API also supports dynamic attributes. The this.params[key]
value is automatically kept up-to-date. In addition, you can specify a callback when the value has changed:
<div v-example :a="someValue"></div>
Vue.directive('example', { params: ['a'], paramWatchers: { a: function (val, oldVal) { console.log('a changed!') } } })
#1431 props with the same name not properly merged
#1440 v-for
components detach hook not called
#1442 directives on a child component root not resolved in the right scope
#1458 :class
array syntax not removing stale classes
下载页面:1.0.0-rc.2
Vue.js 是构建 Web 界面的 JavaScript 库,提供数据驱动的组件,还有简单灵活的 API,使得 MVVM 更简单。
主要特性:
可扩展的数据绑定
将普通的 JS 对象作为 model
简洁明了的 API
组件化 UI 构建
配合别的库使用
支持的浏览器:https://saucelabs.com/u/vuejs