vue.js学习笔记

<div id="app">
	{{message}}
	<span v-bind:title="message">I am fish</span>
	<p v-if="seen">I is fish</p>	
	<ol><li v-for="todo in todos">{{ todo.text }}</li></ol>
	<button v-on:click="reverseMessage">逆转消息</button>
	<input v-model="message">
</div>

var app = new Vue({
	el: '#app',
	data: {
		message: 'I are fish'
		seen: true
		todos: [
			{ text: '学习 JavaScript' },
			{ text: '学习 Vue' },
			{ text: '整个牛项目' }
		]
	},
	methods: {
		reverseMessage: function () {
			this.message = this.message.split('').reverse().join('')
		}
	}
})