【Vue】零基础学习Vue: 第22课 Vue子组件接收父主件传递的值:

数组接收值方法:(数组表示对变量不做校验)

props:['a'] 	//a为子主件标签内传递值的名称

对象接收值方法:(对象表示对变量做校验)

props:{
	a:{ //校验变量a
        type:String,      //设置传递属性的类型
        required:true,    //true代表该属性为必传属性没有则会报错
        default:'3',     //当值还没有传过来时,给a属性设置默认值3
        validator(value){   //给值定义校验方法
            console.log('校验开始')
            return value>1  //返回false则报警告
        }
    }
},

以下是实现代码:




    
    Title
    
    



运行结果如下:

我是子组件,父组件传递的数据是a:1,我自己的变量b:3

你可能感兴趣的:(前端,#,零基础学习Vue)