Передать функцию callback через конструктор Vue?

Question

[Unknown]

Привет!
Как передать функцию callback в компонент Content через конструктор new Vue или любое другое свойство?

function callback() {
  console.log('This is callback');
}
 
const vueModal = new Vue({
  store,   
  render: h => h(Content),
});

vueModal.$mount('#wo-popup');

Хочу вызывать callback изнутри компонентов что есть в экземпляре

Comments

[Михаил]

props?

[Unknown]

Михаил, ну да, как это написать? Я синтаксис пока еще не знаю

[Михаил]

Unknown, Ну вот так работает, но странное решение

function callback() {
  console.log('This is callback');
}

const vueModal = new Vue({
  render: (h) => h(App, { attrs: { callback } }),
});

vueModal.$mount('#app');

и в самом компоненте

export default {
  props: {
    callback: Function,
  },

  created() {
    this.callback();
  }
}

[OniVe]

Передать то можно, но лучше использовать систему событий.

[Unknown]

Михаил, спасибо, сделал так

Answer 1

[Alex]

Ну, можно сделать через плагин:

Условный пример:

function callback() {
  console.log('This is callback');
}


Vue.use({
    install(Vue) {
        Vue.prototype.$callback = callback
    }
})

Тогда в компонентах можно вызывать вашу функцию:

{
    someMethod() {
        this.$callback(/* ... */)
    }
}

Answer 2

[Aetae]

propsData