vue中组件通信之子父通信-白红宇

vue中组件通信之子父通信

阅读量：5763 次

发布时间：2019-06-18

本文共 616 字，大约阅读时间需要 2 分钟。

Vue.component('child-comp1', {    template: `            `,    data(){        return {            child_comp1: 'hello world!'        }    },    methods: {        send(){            this.$emit('child_comp1_send', this.child_comp1);        }    }});

Vue.component('parent-comp1', {    template: `        
                 
                  
      {
   {parent_comp1}}
        
     
    `,    data(){        return {            parent_comp1: ''        }    },    methods: {        get(data){            this.parent_comp1 = data;        }    }});

new Vue({    el: '#app'})

转载于:https://www.cnblogs.com/samve/p/9124754.html

你可能感兴趣的文章