麻烦老师们帮忙看看这个符合题意吗?谢谢

来源:4-12 编程练习

YoLo_H

2020-11-03 11:12:58

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script src="./vue.js"></script>

    <style>

        * {

            padding: 0;

            margin: 0;

        }


        #app {

            text-align: center;

        }

    </style>

</head>


<body>

    <div id="app">

        <body-component>

            <h1 slot='header'>望岳</h1>

            <p slot="name">杜甫</p>

            <div slot='content'>

                <p>岱宗夫如何?齐鲁青未了。</p>

                <p>造化钟神秀,阴阳割昏晓。</p>

                <p>荡胸生曾云,决眦入归鸟。</p>

                <p>会当凌绝顶,一览众山小。</p>

            </div>

        </body-component>

    </div>

    <script>

        Vue.component('body-component', {

            template`<div>

                       <slot name='header'></slot>

                       <br>

                       <slot name='name'></slot>

                       <br>

                       <slot name='content'></slot>

                       </div>`

        })

        var vm = new Vue({

            el"#app"

        })

    </script>

</body>


</html>


写回答

1回答

好帮手慕码

2020-11-03

同学你好,代码实现效果很棒。继续加油,祝学习愉快!

0

0 学习 · 10739 问题

查看课程