console
var app4 = new Vue({
el: '#app-4',
data: {
todos: [
{ text: '学习 JavaScript' },
{ text: '学习 Vue' },
{ text: '整个牛项目' }
]
}
})
app4.todos.push({text:'新项目'})
console.log('JS简易工具欢迎你');
var app1 = new Vue({
el:"#app1",
data:{
message:'hello vue.js'
},
methods:{
reverseMessage:function(){
this.message = this.message.split('').reverse().join('')
}
}
})
<div id="app-4">
<ol>
<li v-for="todo in todos">
{{ todo.text }}
</li>
</ol>
</div>
<div id='app1'>
<p v-bind="message">{{message}}</p>
<button @click = "reverseMessage">reverseMessage</button>
</div>