老师，检查一下下
来源：4-7 编程练习
未来it界的一枚程序媛
2020-06-19 17:53:02
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<!-- 在此补充代码 -->
<child content="草莓" content1="美好第一口"></child>
</div>
<script>
// 在此补充代码
Vue.component('child',{
props:{
content:{
type:String
},
content1:{
type:String,
default:'简单介绍一下自己喜欢的这个水果吧',
validator:function(value){
return value.length>=5;
}
}
},
template:'<div><h1>{{content}}</h1><h3>{{content1}}</h3></div>'
})
var app=new Vue({
el:'#app'
})
</script>
</body>
</html>
1回答
-
好帮手慕言
2020-06-19
同学你好，效果是正确的，继续加油，祝学习愉快~
0
相似问题