Vue之间的父子传值方式(props)
1.父子之间的传值方式(props)(1)首先你需要弄明白父向子传值,在你写的代码里哪一个是父组件,哪一个是子组件(2)弄清楚之后,在父组件的data中准备好要传输的数据data(){return{msg:'hello Vue.js',userinfo:{name="zs",age="20"}}}(3) 把你要给子组件传输的数据进行输送<Son :msg="msg" :user="us...
·
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>
更多推荐
已为社区贡献1条内容
所有评论(0)