第一步  在主页面import  

import shopcart from '../shopcart/shopcart';

import cartcontrol from '../cartcontrol/cartcontrol';

第二步 在JS里面注册组件

 components: {
      shopcart,
      cartcontrol
    
   },

第三步在 html里面使用组合

<div class="cartcontrol-wrapper">
		   					<cartcontrol :food="food">
		   						
		   					</cartcontrol>
		   				</div>

 <shopcart :deliveryPrice="seller.deliveryPrice" :minPrice="seller.minPrice"></shopcart>

第四步 在子页面中 接受父页面传送的数据

cartcontrol.vue

export default{
		props:{
			food:{
				type:Object
			}
		}
	};

shopcart.vue

	deliveryPrice:{
				type:Number,  /*配送费*/
				defalut:0
			},
			minPrice:{
				type:Number,
				default:0  /*起步费*/
			}
		},