可以看到官网这里说的
https://vuetifyjs.com/zh-Hans/components/application/#section-9ed88ba45e94752868078bb0
里面描述了App.vue 文件应该如何写的例子，，以及v-app v-main等说明。也就是简单的vue入口的架构搭建的建议
[](()关于布局
===============================================================
[](()1.预设布局
https://vuetifyjs.com/zh-Hans/getting-started/wireframes/
这里，对你需要的布局，点进去，即可看到github上的vue源码了。 复制过来用即可
[](()2. 布局（特性描述）
https://vuetifyjs.com/zh-Hans/features/layouts/
这里 应该就是比较具体的描述布局的说明了（虽然内容还是很精简啊…)
[](()划重点 app属性
[](()3.v-container是个什么鬼？(学习官网的通用方法)
布局这个内容看着看着。就突然来了个v-container，然后没下文了。我草。什么鬼
哎，还好有个全文检索的功能，搜索看看吧
看到api
跟没写一样…
点组件页面的grids连接看看？
shit！，现在才看到了相关的说明。真绕了一大圈。。。
[](()布局相关的2个元素
====================================================================
-
v-container
-
v-layout
[](()v-container
这个应该理解为容器的意思。也就是把业务需要的元素 都应该放在v-container容器里面。然后再该标签class 里面，使用vuetify提供的样式 布局 排版等
官方说明
[](()v-layout
目前没有发现 v-layout 和 v-container作用上太大的区别。
但是写法有区别。例如有一个垂直居中的属性(fill-height)。v-container是写在class里面。但是v-layout是直接以元素属性的形式出现
如下:
some things…
