Is it possible to emit from mounted in Vuejs?

by

When you add an event handler in the parent’s mounted lifecycle event for an event that is emitted in a child’s mounted event, the handler will not catch the event emitted by the child because the handler is added after the child has already emitted the event. Basically the cycle of events is like this.

  1. Parent’s create
  2. Child’s create
  3. Child’s mounted
  4. Parent’s mounted

Obviously there are other lifecycle events that occur, but that’s the sequence that matters in this case.

If you want to handle an event emitted in the child, you need to create the handler (call $on) before the child’s mounted event.

More Related Contents:

  1. How can I solve “Interpolation inside attributes has been removed. Use v-bind or the colon shorthand”? Vue.js 2
  2. Can we make vue.js application without .vue extension component and webpack?
  3. Vuex – Computed property “name” was assigned to but it has no setter
  4. How to add external JS scripts to VueJS Components?
  5. Communication between sibling components in Vue.js 2.0
  6. How to import and use image in a Vue single file component?
  7. How to implement debounce in Vue2?
  8. Vuex – Do not mutate vuex store state outside mutation handlers
  9. [Vue warn]: Property or method is not defined on the instance but referenced during render
  10. How to listen for ‘props’ changes
  11. Passing props dynamically to dynamic component in VueJS
  12. Vuejs typescript this.$refs..value does not exist
  13. Which command do I use to generate the build of a Vue app?
  14. VueJS access child component’s data from parent
  15. Is there any way to ‘watch’ for localstorage in Vuejs?
  16. Vue – how to pass down slots inside wrapper component?
  17. Apply global variable to Vuejs
  18. Mocking methods on a Vue instance during TDD
  19. Vue v-on:click does not work on component
  20. Vue template or render function not defined yet I am using neither?
  21. Global data with VueJs 2
  22. What is nextTick and what does it do in Vue.js?
  23. How to make dynamic routes on the vue router?
  24. When should I use Vuex?
  25. How to use microfrontends with Vue/Nuxt?
  26. Vuejs: Event on route change
  27. Vue.js – Add class to clicked button
  28. Can I pass parameters in computed properties in Vue.Js
  29. How to install vuetify 2.0 beta to the new vue cli project?
  30. using async/await with webpack-simple configuration throwing error: RegeneratorRuntime not defined

Leave a Comment