How to call a method in vue app from the vue component

Question

I have a vue component and a vue element declaration as given below

Vue.component(\'todo-item\', {
  template: \'
This is a todo
\'
  methods:         


        

Answer 1

Another solution which I think it's more accorded with Vuejs architecture, it's to use events listener & emitter between child-component and its parent to make communications.

Check this simple fiddle as a vision

 Vue.component('todo-item', {
  template: '
This is a todo
',
  methods: {
    test: function() {
      console.log('Emmit this Event.');
      this.$emit('yourevent');
    }
  },
  created() {
    this.test();
  }
});

new Vue({
  el: '#vue-app',
  data: {
    'message': '',
  },
  methods: {
    aNewFunction(event) {
      console.log('yourevent Is Triggered!');
      this.message = 'Do Stuff...';
    },
  }
});