SOURCE

console 命令行工具 X clear

                    
>
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>