新建SpringBoot项目：网站首页布局开发

加入Ant Design Vue布局

在Ant Design for Vue 网站上找到组件下的布局，选择需要的布局，拷贝代码

布局代码可以写到首页Home.vue,也可以写到内容页的初始页面App.vue中

建议最好的做法公共的页面是写到App.vue中，变化是的部分写到Home.vue

其中，APP.vue其中，header、footer每个页面均需要，是固定的。动态的部分通过家路由实现

加入首页路由

而左侧导航栏和内容不是固定的，是动态的，需要用路由定义，定义到Home.vue中

技巧：很重要

---

制作Vue自定义组件

提取header、footer为自定义组件

1. 首先复制代码
2. 在compoent下新建文件

进入App.vue,把自定义组件导入进来

可以参考helloworld组件的用法

具体实现如下：

运行会出错，改正

footer组件同样进行改动