文章目录
1. v-app / v-main / v-content / v-container 区别
https://www.reddit.com/r/vuetifyjs/comments/but9mp/difference_between_vapp_vcontent_and_vcontainer/
总结一下,
-
v-app 是顶级根标签, 相当于 <html> 是代表整个单页应用
-
v-content 与 v-main, 是v-app的子元素, 相当于 <body>. 二者区别就是一个是已被遗弃1.5版本的, 一个是目前2.3版本的.
-
v-container 则是布局容器的根元素. 和以上又没有关系了, 是栅格布局系统的根元素, 其子元素为行和列.
2. v-row / v-col / v-layout / v-flex 区别
在 Vuetify 栅格系统中
v-row / v-col 是2版本对于 v-layout 与 v-flex的替代品, 对应行和列, 与 Bootstrap 基本一致.