Vue之间的父子传值方式（props）

1.父子之间的传值方式（props）

    （1）首先你需要弄明白父向子传值，在你写的代码里哪一个是父组件，哪一个是子组件

   （2）弄清楚之后，在父组件的data中准备好要传输的数据

     

data(){
    return{
      msg:'hello Vue.js',
      userinfo:{name="zs",age="20"}
       }
     }

(3) 把你要给子组件传输的数据进行输送

<Son :msg="msg" :user="userinfo"></Son>

之后就需要子组件来进行接收了

（1）这时候就需要在子组件的script中定义一个与data平级的props，在props数组的内部来进行接收

props:['msg','user']
//这里的两个值需要和父组件传过来的值相同，否则就会报错

（2）现在就可以在子组件中取父组件中的数据

<p>父组件传过来的msg值时:{{msg}}</p>
<p>父组件传过来的user值时:{{user}}</p>