vue3父子传值

• 第一个参数：props ：父组件传递过来的属性会被放到props对象中
• 第二个参数：context：包含3个属性

1. attrs：所有的非prop的attribute
2. slots：父组件传递过来的插槽（这个在以渲染函数返回时会有作用，后面会讲到）
3. emit：当我们组件内部需要发出事件时会用到emit

现创建一个子组件，然后引用子组件 

绑定自定义属性

//父组件

在子组件接受，这样父传子就完成了

//子组件

在子组件创建一个自定义事件，比如通过点击事件，通过emits发送绑定自定义事件，和需要发送给父组件的数据

//子组件

在父组件绑定自定义事件，子传父就完成了

//父组件

props中不同类型的写法 

props: {// 基础类型指定propA: Number,// 指定多个类型propB: [String, Number],// 指定必传类型propC: {type: String,required: true},// 带有默认值的数字propD: {type: Number,default: 100},// 带有默认值的对象propE: {type: Object,// 对象或数组默认值必须从一个工厂函数获取default() {return { mes: 'lihua'}}},// 自定义验证函数propF: {validator(value) {return ['warning', 'success'].includes(value)}},// 具有默认值的函数prorG: {type: Function,default() {return 'default function'}}
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！