设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 软件追踪 查看内容

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

2016-6-19 18:03| 发布者: joejoe0332| 查看: 384| 评论: 0|原作者: oschina|来自: oschina

摘要: Vue v2.0.0-alpha.5 发布了,Vue.js 是构建 Web 界面的 JavaScript 库,提供数据驱动的组件,还有简单灵活的 API,使得 MVVM 更简单。主要特性:可扩展的数据绑定将普通的 JS 对象作为 model简洁明了的 API组件化 UI ...

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:

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

    When used in template:

    1
    <wrap-with-tag tag="div">hello</wrap-with-tag>

    Will render:

    1
    <div>hello</div

查看完整发布说明,可以点击这里

下载地址:


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部