html转成vdom,vdom-to-html

Turn virtual-dom nodes into HTML

vdom-to-html

Turn virtual-dom nodes into HTML

Installation

npm install --save vdom-to-html

Usage

var VNode = require('virtual-dom/vnode/vnode');

var toHTML = require('vdom-to-html');

toHTML(new VNode('input', { className: 'name', type: 'text' }));

// => ''

Special case for Widgets

Widgets are used to take control of the patching process, allowing the user to create stateful components, control sub-tree rendering, and hook into element removal.

Documentation is available here.

Widgets are given an opportunity to provide a vdom representation through an optional render method. If the render method is not found an empty string will be used instead.

var Widget = function(text) {

this.text = text;

}

Widget.prototype.type = 'Widget';

// provide a vdom representation of the widget

Widget.prototype.render = function() {

return new VNode('span', null, [new VText(this.text)]);

};

// other widget prototype methods would be implemented

toHTML(new Widget('hello'));

// => 'hello'

Repository

nthtran/vdom-to-html