Shulou(Shulou.com)06/02 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.