Javascript 未定义Vue.js方法

Javascript 未定义Vue.js方法,javascript,vue.js,vuejs2,vue-component,Javascript,Vue.js,Vuejs2,Vue Component,这里有一些方法上的问题, 我的组件无法访问方法。我是否需要将像prop这样的方法传递给组件 这是我的html: <guests v-bind="guests"></guests> 当我使用道具时,我可以毫无问题地访问数据,但我不知道如何传递道具之类的方法,或者这是必需的 控制台上出现以下错误: ReferenceError: decrementAdult is not defined at o.eval (eval at xa (vue.min.js:NaN),

这里有一些方法上的问题, 我的组件无法访问方法。我是否需要将像prop这样的方法传递给组件

这是我的html:

<guests v-bind="guests"></guests>
当我使用道具时,我可以毫无问题地访问数据,但我不知道如何传递道具之类的方法,或者这是必需的

控制台上出现以下错误:

ReferenceError: decrementAdult is not defined
    at o.eval (eval at xa (vue.min.js:NaN), <anonymous>:3:88)
    at o.fn._render (vue.min.js?f6b5:6)
    at o.eval (vue.min.js?f6b5:6)
    at St.get (vue.min.js?f6b5:6)
    at new St (vue.min.js?f6b5:6)
    at o.hn.$mount (vue.min.js?f6b5:6)
    at o.hn.$mount (vue.min.js?f6b5:6)
    at init (vue.min.js?f6b5:6)
    at eval (vue.min.js?f6b5:6)
    at b (vue.min.js?f6b5:6)
由于单击事件是在子组件来宾中完成的,因此您应该向父组件发出一个事件,并在那里进行处理,如下所示:

    ....
    <a @click="$emit('decrement-adult')"></a>
     ...
在父组件中,执行以下操作:

   <guests v-bind="guests" @decrement-adult="decrementAdult"></guests>

在来宾组件定义中没有DecrementDult方法。要么将该方法移动到来宾组件,要么从子组件发出一个事件,父组件可以通过调用该方法来处理该事件。谢谢,它也起到了作用:但如果不传递参数,则会像@decrement成人=decrementAdult>那样
    ....
    <a @click="$emit('decrement-adult')"></a>
     ...
   <guests v-bind="guests" @decrement-adult="decrementAdult"></guests>