网格系统

网格系统解决的是横向布局的问题。

git branch 新建分支 多元宇宙。

vue 的一些规则，不能在 template 里面些 style 代码

使用 flex 布局时，即使其中的规定了宽度占 50%，且有三个子项。这样在父级没有规 flex-wrap 为 wrap 时，子项只是压缩每个的宽度而不会换行。如果要让子项换行，可以在父级设置 flex-wrap 为 wrap。如果要子项不换行还不压缩，使用 flex-shrink: no。

先声明空数组并 log, 此时无论从内外看，数组都为空。再往数组里 push 内容，此时再去看 log 内容会发现，内部不为空，而外部看依然为空。 也就是时间差的问题，log 的那一刻并没有值，而是后面添加的。

重写，大调整。 重构，持续地对代码进行微小的调整以使得代码变得更好。

栅格组件就是工程师与设计师妥协以及提高效率的产物。