vue component 动态组件的使用方式

component 动态组件使用规则

使用方式 is指的是现实的组件 priceData是指传递给子组件的数据

//使用方式 is指的是现实的组件    priceData是指传递给子组件的数据
 <components :is="com" :priceData='priceData'></components>

//引入模块
<script>
	import pricePage from './price'
	export default {
	  components: {
		    pricePage
	  },
	   data () {
		   return {
		      com: 'pricePage',
		      priceData: { //数据
		        priceVisible: false ,
		        data:[]
		      },
		  }
	  }
	}
</script>