vue 动态组件

<div id="box">
			<input type="button" value="a组件" @click="a='aaa'"/>
			<input type="button" value="b组件" @click="a='bbb'"/>
			<!--
            	时间:2018-03-15
            	描述:<component :is="组件名称"></component>
            -->
			<component :is="a"></component>
		</div>
		
		<script>
			var vm=new Vue({
				el:'#box',
				data:{
					a:'aaa'
				},
				components:{
					'aaa':{
						template:'我是a组件'
					},
					'bbb':{
						template:'我是b组件'
					}
				}
			})
		</script>

评论

大侠名号:   验证码: 点击我更换图片  

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND