SOURCE

var app = new Vue({
		  el: '#app',
		  data: {
		    message: 'Hello Vue!'
		  }
		});
		var app2 = new Vue({
		  el: '#app-2',
		  data: {
		    message: '页面加载于 ' + new Date().toLocaleString()
		  }
		});

		var app4 = new Vue({
		  el: '#app-4',
		  data: {
		    todos: [
		      { text: '学习 JavaScript' },
		      { text: '学习 Vue' },
		      { text: '整个项目' }
		    ]
		  }
		})

		var app6 = new Vue({
			el: '#app-6',
			data:{
				message:'band!'
			},
			methods:{
				show:function(ev){
                        if(ev.keyCode == 13){
                            alert('你按回车键了');
                        }
                    }
			}
		});
		Vue.set(app6,'message','app6修改');
		
		var app7 = new Vue({
			el: '#app-7',
			data:{
				msg:'onceSetData'
			}
		});

		var app8 = new Vue({
			el:"#app-8",
			data:{
				vHtml:"<p style='color:red;'>htmlText</p>"
			}
		});

		var app9 = new Vue({
			el:"#app-9",
			data: {
			  numbers: [ 1, 2, 3, 4, 5 ]
			},
			methods: {
			  even: function (numbers) {
			    return numbers.filter(function (number) {
			      return number % 2 === 0
			    })
			  }
			}
		});

<h1 id="app">
	  {{ message }}
	</h1>
	<div id="app-2">
	  <span v-bind:title="message">
	    鼠标悬停几秒钟查看此处动态绑定的提示信息！
	  </span>
	</div>

	<div id="app-4">
	  <ol>
	    <li v-for="todo in todos">
	      {{ todo.text }}
	    </li>
	  </ol>
	</div>
	
	<div id="app-6">
	  <p>{{ message }}</p>
	  <input v-model="message" @keyup="show($event)">
	</div>

	<div id="app-7">
		<span v-once>这个将不会改变(v-once): {{ msg }}</span>
	</div>

	<div id="app-8">
		<span v-html="vHtml"></span>
	</div>

	<ul id="app-9">
		<li v-for="number in even(numbers)">{{ number }}</li>
	</ul>