4-12 编程练习代码提交
来源：4-12 编程练习
MiMicccc
2021-09-16 15:17:54
<!DOCTYPE html>
<html lang="en">
<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>
<style>
* {
padding: 0;
margin: 0;
}
#app {
text-align: center;
}
</style>
</head>
<body>
<div id="app">
<body-component>
<!-- 在此补充代码 -->
<h1 slot="title">望岳</h1>
<p slot="line">
岱宗夫如何？齐鲁青未了。<br>
造化钟神秀，阴阳割昏晓。<br>
荡胸生曾云，决眦入归鸟。<br>
会当凌绝顶，一览众山小。
</p>
</body-component>
</div>
<script>
Vue.component('body-component', {
// 在此补充代码
template: `<div>
<slot name='title'></slot>
<p>杜甫</p>
<slot name="line"></slot>
</div>`
})
var vm = new Vue({
el: "#app"
})
</script>
</body>
</html>写回答
1回答
-
同学你好，代码实现是对的，继续加油，祝学习愉快~
0
相似问题