SOURCE

var vm = new Vue({
  el:'#app',
  data:{
    message:"",
    list:[
      {text:'学习JS'},
      {text:'学习 vuejs'},
      {text:'好玩的事情'}
    ]
  },
  methods:{
    consoleMsg:function(){
      console.log("控制台输出："+this.message)
    },
  	addList: function () {
      var text = this.message.trim()
      if (text) {
        this.list.push({ text: text })
        this.newTodo = ''
      }
    },
    removeList: function (index,item) {
      console.log(index)
      console.log(item)
      this.list.splice(index, 1)
    }
	}
})

<script src="https://npmcdn.com/vue/dist/vue.js"></script>
<div id="app">
  <p>消息:{{message}}</p>
  <input v-model="message">
  <ul>
  	<li v-for='(item,index) in list'>
       <span> {{ index+1 }} - {{ item.text }}</span>
       <button v-on:click="removeList(index,item)">X</button>
  </li>
  </ul>
  <button v-on:click='addList'>单击</button>
</div>