Vue slot 在模板中加

emer 发布于 2017-6-20 16:11 2432 次阅读
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
      <script src="bower_components/vue/dist/vue.js"></script>
</head>
<body>
    <div id="box">
        <h1>I love you</h1>
        <aaa>
            <ul slot="ul_slot">
                <li>aaa1</li>
                <li>aaa2</li>
                <li>aaa3</li>
            </ul>
        </aaa>
    </div>

    <template id="aaa">
        <h2>我怀念的是无话不说，我怀念的是一起做梦</h2>
        <slot name="ul_slot">默认的</slot>
         <slot name="ul_slot">默认的</slot>
    </template>
    <script>
    var ms=new Vue({
        el:"#box",
        data:{},
        components:{
            aaa:{
                template:"#aaa"
            }
        }
    })
    </script>

</body>
</html>