组件参数校验
如果父组件定义content=""属性，引号表示的是一个字符串，只有：content=""的形式，引号里才表示一个js表达式。
参数校验：
属性名：{
type:[数据类型1，数据类型2]或单独的数据类型
required:Boolean,//是否必传
default:'default value',//默认值
validator: function(value){//自定义校验
return (条件)
}
}
<body> <div id="root"> <!-- <child content="hello world"></child> --> <child content="hello world"></child> </div> <script> Vue.component('child',{ props:{ // content:[Number,String],content可以传数组或对象 content:{ type:String, required:false, default:'default value', validator:function(value){ return(value.length>5) } } }, template:'<div>{{content}}</div>' }) var vm=new Vue({ el:'#root' }) </script> </body>
props特性
父传子接（有用props接受），属性不显示在dom标签里
非props特性
父传子不接（没有用props接受），子组件中无法使用该值，属性显示在dom标签里。