How to understand custom events of components in Vue

This article shows you how to understand the custom events of components in Vue, which is concise and easy to understand, which will definitely brighten your eyes. I hope you can get something through the detailed introduction of this article.

{{msg}} import School from'. / components/School.vue'import Student from'. / components/Student.vue'import Age from'. / components/Age.vue'export default {name:'App',components: {School,Student, Age}, data () {return {msg:' Hello, World!' }, methods: {getName (name) {console.log ('App received the name', name);}, getStudentname (name1) {console.log ('received the student's name', name1);}, demo (sex1) {console.log ('demo was called', sex1) }}, / / mounted () {/ / bind custom event / / this.$refs.student.$on ('elderSex',this.schoolAge) / / bind custom event (one-time) / / this.$refs.student.$once (' elderSex',this.schoolAge) / /},} student name: {{name}} student age: {{age}} give the student's name to APP export default {name: 'Student' Props: ['getStudentname'], data () {return {name:' Zhang San', age: 19}}, methods: {sendStudentname () {this.getStudentname (this.name)} .demo {background-color: skyblue } the above is how to understand the custom events of components in Vue. Have you learned any knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are welcome to follow the industry information channel.