Vue v2.0.0
欢迎加入运维网交流群:263444886Vue 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:
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 restrictedby 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)
}
})
When used in template:
hello Will render:
hello
页:
[1]