Vue slot 在模板中加 Vue slot 在模板中加

Vue slot 在模板中加

<!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>
分享本文至:

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论