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>

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐