grid布局兼容IE浏览器踩坑

grid布局其实对于浏览器的兼容性支持不是很好，支持IE时需要加前缀-ms-
普通写法

display: grid;
grid-template-rows: 50% 50%;
grid-template-columns: 50% 50%;

IE兼容写法

display: -ms-grid;
-ms-grid-rows: 50% 50%;
-ms-grid-columns: 50% 50%;

用css写是没有问题的，但在vue中用v-bind:style绑定样式不生效了，后来发现vue会自动添加前缀，标准化处理兼容问题