vue中子组件父组件之间如何传参？

父组件向子组件传参

首先我们创建名字为todo-item的子组件

Vue.component('todo-item', {
    template: '
{{message}}
',
     props:['message']
})

父组件为
html部分

    
parent父组件部分
        
    
    
{{a}}

js部分

var vm = new Vue({
    el:'#container',
        data:{
            a:'父组件里面的div',
        }
})      

子组件向父组件传参

//子组件部分
    Vue.component('todo-item', {
          template: '
{{message}}
',
          data(){
            return {
                message:'组件下面的a'
            }
          },
          mounted:function(){
            //子组件通过$emit触发父组件的listenTo事件
            this.$emit('ievent',this.message);
          },
        })

父组件为
html部分

    
child子组件部分
    
    
{{a}}

js部分

      var vm = new Vue({
            el:'#container',
            data:{
                a:0,
            },
            methods:{
                listenTo:function(message){
                    this.a=message;
                }
            }
        })  

再说一个非常方便的v-ref

        
        
{{number}}