Vue v2.0.0-alpha.5 发布轻量级 JavaScript 框架

Vue v2.0.0-alpha.5 发布了，Vue.js 是构建 Web 界面的 JavaScript 库，提供数据驱动的组件，还有简单灵活的 API，使得 MVVM 更简单。

主要特性：

可扩展的数据绑定
将普通的 JS 对象作为 model
简洁明了的 API
组件化 UI 构建
配合别的库使用

新增特性及使用示例：

The render function now receives the component instance’s $createElement method as its only argument. This avoids having to aliasing this.$createElement to something less verbose:

?

1

2

3

4

5

Vue.extend({

  render (h) {

    return h('div', null, 'hello!')

  }

})
Functional components:
A component can be defined as a stateless functional component with functional: true.
- createElement: the parent component’s $createElement method.
- props: an object containing props
- children: children inside the component’s tag as vnodes
- A functional component has no instance and is simply a function that receives props and children vnodes via arguments, and also return vnode(s).
- Unlike stateful components, functional components are not restricted by the “single root node” rule and can return an Array of multiple vnodes.
- A functional component’s render function receives the following arguments:

Example usage:

Vue.component('wrap-with-tag', {
  functional: true,
  props: ['tag'],  render (h, props, children) {   
   return h(props.tag, null, children)
  }
})