props组件传值(父传子)

子组件定义props

props: {
	//手机号
	phone_number: {
		type: [Number, String],
		required: true//
	},
	//请求验证码的类型 1：找回密码 2：修改支付密码
	sendstatus: {
		type: [Number, String],
		required: true,
		default：2,
	}
},
mounted() {
	console.log(this.phone_number);
	console.log(this.sendstatus);
},

父组件传值

<template>
	<getVerificationCode :phone_number="phone_number" sendstatus="sendstatus"></getVerificationCode>
</template>
<script>
	import getVerificationCode from '@components/getVerificationCode'//引入子组件
	export default {
		components: {
			getVerificationCode,
		},
		data() {
			return{
				phone_number:"13700000000",//父组件向子组件传值
				sendstatus:"1",
			}
		}
	}
</script>

props:
type： 可以是下列原生构造函数中的一种：String、Number、Boolean、Array、Object、Date、Function、Symbol、任何自定义构造函数、或上述内容组成的数组。会检查一个 prop 是否是给定的类型，否则抛出警告
required：定义该 prop 是否是必填项。
default： 为该 prop 指定一个默认值。如果该 prop 没有被传入，则换做用这个值。对象或数组的默认值必须从一个工厂函数返回。
validator： Function自定义验证函数会将该 prop 的值作为唯一的参数代入