Child to Parent communication in Vue

Last Updated: May 14, 2018

First we will create the component name child which will have ta button with click event

 Vue.component('child', {
`, })

Name of the above compoment is child
You have button inside the child element and it has @click="$emit('parentfunc')" which is used to call the funcation name parentfunc in the parent element of this child component

We will just have alert method to show some text as shown in below

Now when you click on the buttom it will call the function parentfunc in the parent element

This is the complete code

  Vue.js $emit example