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

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