Uni-App学习:父子组件传值

在component目录下新建一个子组件
然后在父界面使用import绑定子界面:
import child from "../../component/child.vue"
child是子组件名,from后面连接组件路径
然后使用components绑定组件:
components: {
child
}

父传子参数可以通过标签属性传递:
<child :content="content"></child>
子组件接收方法:
props: ["content"]

子组件传递参数给父组件:
可以使用this.$emit通过事件的方式传递参数:
but:function() {
this.$emit("buts",this.putInfo);
}

buts父组件接收的事件名,putInfo是传递的参数
父组件通过标签属性的方式得到传递的参数:
<child @buts="buts"></child>
夫组件通过buts事件接收

约束传递的参数:
props: {
content:{
type: [Number,String],

}
}

允许Number类型和String类型