vue 提示没有方法，但是methods已经写了？咋回事呢？

Question

为什么提示没有方法：vue.common.js?e881:1019 [Vue warn]: v-on:keyup="addNew" expects a function value, got undefined (found in component: <app>)export default {  data () {    return {      title: 'roberto baggio!',      items: [{        label: 'aaa',        isFinished: true      },      {        label: 'bbb',        isFinished: false      }],      newPlan: ''    }  },  methods: {    toggleFinish: function (item) {   item.isFinished= !item.isFinished  },  addNew: function(){  console.log("sss")  console.log(this.newPlan)  this.items.push({  label:this.newPlan,  isFinished:false  })  this.newPlan= ''  }  }}

Answer 1

这个是this的问题吧  

fn: function () { ... }   这种写法  this不是组件而是window 

fn () { ... }  或者  fun: () => {}   这种写法 this才是组件

Answer 2

我出现这个问题是因为方法没写到methods里太丢人了

Answer 3

你是怎么解决的？我也踩坑了