Vue 动态组件
首页 > Vue    作者:lininn   2017年6月20日 16:10 星期二   热度:1407°   百度已收录  
时间:2017-6-20 16:10   热度:1407° 
 <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>
二维码加载中...
本文作者:lininn      文章标题: Vue 动态组件
本文地址:?post=5
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn