VK

CoffeeScript的虚拟DOM模板

Easy Virtual DOM Wrapper灵感来自mauricemach / coffeekup

bower install mizchi/vk

例子

基本用法

React.createClass
  render: -> vk ($) ->
    $.h1 'Hello'
    $.ul className: 'foobar-container', ->
      $.li "foo"
      $.li "bar"

vk生成虚拟DOM

子组件

Greeting = React.createClass
  render: -> vk ($) ->
        $.h1 "Hello"

Item = React.createClass
  render: ->
    {title} = @props
    vk {tag: 'li'}, ($) -> span title

React.createClass
  render: -> vk ($) ->
    $(Greeting)
    $.ul ->
      for i in [1..4]
        $(Item, title: "item:"+i)

API

VK

• vk.render（块：功能）
• vk.render（opts：Object，block：Function）

vk.render opts参数是第一个元素。

React.createClass
    render: -> vk tag: 'ul', className: 'foo', ($) ->
        $.li "foo"
        $.li "bar"

判决

• d。<tagName>（opts：Object，block：Function）
• d。<tagName>（opts：Object，str：String）
• d。<tagName>（块：功能）
• d。<tagName>（string：String）
• d。<tagName>（opts：Object）

ALL

• 测试

依赖

• 应对

执照

WITH

本文使用googletrans自动翻译,仅供参考, 原文来自github.com

vk

Virtual DOM Template for CoffeeScript

Easy Virtual DOM Wrapper Inspired by mauricemach/coffeekup

bower install mizchi/vk

Examples

Basic usage

React.createClass
  render: -> vk ($) ->
    $.h1 'Hello'
    $.ul className: 'foobar-container', ->
      $.li "foo"
      $.li "bar"

vk generate Virtual DOM

Child component

Greeting = React.createClass
  render: -> vk ($) ->
        $.h1 "Hello"

Item = React.createClass
  render: ->
    {title} = @props
    vk {tag: 'li'}, ($) -> span title

React.createClass
  render: -> vk ($) ->
    $(Greeting)
    $.ul ->
      for i in [1..4]
        $(Item, title: "item:"+i)

API

vk

• vk.render(block: Function)
• vk.render(opts: Object, block: Function)

vk.render opts argument is for first element.

React.createClass
    render: -> vk tag: 'ul', className: 'foo', ($) ->
        $.li "foo"
        $.li "bar"

DOM

• d.<tagName>(opts: Object, block: Function)
• d.<tagName>(opts: Object, str: String)
• d.<tagName>(block: Function)
• d.<tagName>(string: String)
• d.<tagName>(opts: Object)

TODO

• tests

Dependencies

• React

LICENSE

MIT