Vue 动态绑定组件

Vue 动态绑定组件

 <div class="client">
		<component :params="showData" :is="currentTabComponent" ref="chart1"></component>
 </div>
 
 <script>
    import Linedata from '@/components/charts/Linedata.vue'
	import Histogram from '@/components/charts/Histogram.vue'
	import Piechart from '@/components/charts/Piechart.vue'
	export default {
	components: {
		Linedata,
		Histogram,
		Piechart
	  }, 
    data() {
		return {
            valuezzxs: "Histogram",
           }
       }，
    computed: {
	   //动态组件
		currentTabComponent: function() {
			return this.valuezzxs
            }
		}, 
  }
 </script>