Cacher is the code snippet organizer for pro developers

<div id="my_view">
		<label for="name">Enter name:</label>
		<input type="text" v-model="name" id="name" name="name" />
		<p>
			{{ name | uppercase }} is {{ age }} years old.
			<button v-on="click: myClickHandler">Say Hello</button>
		</p><br/>
		<ul>
      <li v-repeat="friends | orderBy 'age'"> {{ name }} </li>
   </ul>
</div>

var myModel = {
		name: "Ashley",
		age: 24,
		friends: [{
				name: "Bob",
				age: 21
		}, {
				name: "Jane",
				age: 20
		}, {
				name: "Anna",
				age: 29
		}]
};

var myViewModel = new Vue({
		el: '#my_view',
		data: myModel,
		methods: {
				myClickHandler: function(e) {
						alert("Hello " + e.targetVM.name);
				}
		}
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.12.7/vue.min.js"></script>