Vue 动态组件 Vue 动态组件

Vue 动态组件

 <div id="box">
      <input type="button" value="aaa组件" @click="a='aaa'">
      <input type="button" value="bbb组件" @click="a='bbb'">
      <conmponent :is="a">

      </conmponent>
    </div>

  
    <script>
    var ms=new Vue({
        el:"#box",
        data:{
            a:"aaa"
        },
        components:{
            "aaa":{
            template:"<h2>我是aaa组件</h2>"
            },
            "bbb":{
            template:"<h3>我是bbb组件</h3>"
            }
        }

    });
    </script>
分享本文至:

评论 0

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

清空信息
关闭评论