<div x-data="{
	name:'Raymond',
	age:51,
	cool:false,
	hobbies:['building cat demos','star wars','cats']
}">
	<p>
		My name is <span x-text="name"></span>. 
		I'm <span x-text="age"></span> years old.
	</p>
	<ul>
	<template x-for="hobby in hobbies">
		<li x-text="hobby"></li>
	</template>
	</ul>
</div>