Vue.js render function template component with multiple child nodes

multiple-nodes-vuejs-component.js

Vue.component('greeting', {
	//Renders:
	//<div>
	//	<h1>Hello World!</h1>
	//	<p>Welcome to Vue.js</p>
	//	<p>A <a href="foo/bar.html">link</a> within a sentence.</p>
	//</div>
	render(createElement) {
		return createElement(
			'div',
		  	[
				createElement('h1', 'Hello World!'),
				createElement('p', 'Welcome to Vue.js'),
				createElement('p',
					[
						'A ',
						createElement(
							'a',
							{
								attrs: {
									'href': 'foo/bar.html'
								}
							},
							'link'
						),
						' within a sentence.'
					]
				),
		  	]
		);
	}
});

Output at: https://gist.github.com/jacobwyke/d91dd26493282c42093233d3cc8fd9d5