Vue组件之间如何传递数据

父组件向子组件传值

在Vue中，我们使用props向子组件传递数据
父组件：

var vm = new Vue({
   
    el: '#app',
        data: {
   
            msg: '我是父组件 '
        },
        methods: {
   
        }
    });

子组件：
在使用子组件的时候，使用v-bind属性将mymsg的值绑定为父组件中定义的变量msg。

<com1 v-bind:mymsg='msg'></com1>

在定义子组件的时候，使用props接收父组件传递过来的值。在props中添加了元素之后，就可以直接使用，就不需要再去data中定义变量了。

 Vue.component('