Vue 动态组件

Others 2017-06-20 08:10:18 2017-06-20 08:10:18 2692 次浏览

 <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>

Links: 5