Vue Takeaway app (3) distributing content using slots

1. Add a Headertop.vue

<template> 
2.home.vue
Introduction of Headertop
Import Headertop from '. /.. /components/headertop/headertop.vue '
3.
3..home.vue Mapping into labels
Export  default  {  //Map to tag   components:{     headertop   }}
4..home.vue use the slot to distribute the contents of the left and right sides by binding the title to declare the middle part of the text
　　
Vue Takeaway app (3) distributing content using slots