父组件向子组件传值
首先子组件是创建完成并且可以使用的.然后再开始把父组件的值传递给子组件.
再引入子组件的时候动态绑定,chuanzhi是绑定的名字,这个可以自己取.后面的msg是要传递给子组件的信息.这里我传的是"组件传值"四个字
//这里是父组件
<Childcomp :chuanzhi="msg"></Childcomp>
data(){
return{
msg:"组件传值"
}
}
在父组件将数据传递到子组件,子组件就要进行接受,不接受是用不了的.
// 这里是子组件
<h1>子组件里面接受到的内容:{{chuanzhi}}</h1>
export default {
// 通过props来接受父组件传递过来的值。
// 字符串数组形式
// props:["chuanzhi"],
// 对象的形式
props:{
//类型的限制
// chuanzhi:String
// 除了类型限制,还可以设置默认值,比传值
chuanzhi:{
type:String,
// 在父组件没有传值的时候,就用这个默认值
default:"这是默认值",
// 比传值
required:"true"
}
},
data(){
}
}
最后就都能显示到页面上了