scoped 不同组建之间就不会相互影响到

通过从上到下的方式实现

image-20221128164044370

内容部分是通过我们的路由进行一个分页展示，最上方是导航栏。

项目一般都是从上到下去写

card

所有的内容都可以用卡片括起来，这样就不丑了

公共子元素

当两边都存在公共子元素时，可以用Content

image-20221128213620329

在vue3中可以用slot将它们渲染出来

修改之后需要停止后重启。