如何在Vue中使用组件方法？

Question

我在这个组件中有一个方法“ aggiornaQuantity”，将在我的Vue中使用。我能怎么做？ 显然我做了各种测试都没有成功

Vue.component('todo-item', {
    props: ['todo'],
    template: '...',
    methods: 
   {
     aggiornaQuantity: function() 
      {
       return this.todo.quantity = this.value ;
      }
    }  

var app7 = new Vue
   (
      {
         el: '#app-7',
         data:
         {
            message: '${Message}',
            risultato: true,
            groceryList: [],
            product: '',
            selected: '',
         },
         methods:
         {
           .....
         }

Answer 1

编辑：我不确定您是否想知道如何使用该功能或​​您的功能为何不起作用（如上所述）。如果是前者，这是答案：

---

您必须在lifecycle instances之一中调用它。在大多数情况下，我们用mounted()来称呼它。

...
methods: {
  foo () {
    // do something
  },
},
mounted() {
  this.foo();
},
...