Vue.props和ref属性

261 阅读1分钟

props属性

简单接收

props:['name','sex','age'] 

接收的同时对数据进行类型限制

 props:{
    name:String,
    age:Number,
    sex:String
}

第三种方式(限制类型、限制必要性、指定默认值)

 props:{
    	name:{
    	type:String, //类型
    	required:true, //必要性
    	default:'老王' //默认值
    	}
            

ref属性

可以理解为id的替代者 在Vue里用来给属性打上标签
给组件打标签可以显示出来的就是VC(组件实例对象)
给组件加上id  就是给组件的盒子加id