<div id="root">
<child content="hell"></child>
</div>
<script>
Vue.component('child',{
props:{
content:String,//定义父组件传过来的值的类型
required:false,//如果是true,父组件传过来的值必须传
default:'default value',//如果父组件没有传值过来就使用这个默认值
validator: function(value) { // 自定义校验器
return (value.length > 5) //传过来的值长度必须大于5
}
},
template:'<div>{{content}}</div>'
})
var vm = new Vue({
el:'#root'
})
</script>
网友评论