当元素隐藏或使用Vue显示时，MDL样式会丢失

是因为MDL（Material Design Lite）是一种基于CSS和JavaScript的前端框架，它使用特定的类和样式来实现Material Design风格的界面效果。当元素隐藏或使用Vue显示时，可能会导致MDL样式无法正确应用。

为了解决这个问题，可以采取以下几种方法：

1. 使用Vue的过渡效果：Vue提供了过渡效果的功能，可以在元素显示或隐藏时添加动画效果。通过在元素的过渡过程中添加MDL样式类，可以保持样式的一致性。具体可以参考Vue的过渡效果文档：Vue 过渡效果
2. 使用Vue的动态绑定class和style：Vue可以通过动态绑定class和style来控制元素的样式。可以在元素显示或隐藏时，动态添加或移除MDL样式类，以保持样式的一致性。具体可以参考Vue的动态class和style绑定文档：Vue 动态 class 和 style 绑定
3. 自定义样式：如果以上方法无法满足需求，可以考虑自定义样式来替代MDL样式。可以根据MDL样式的设计原则，自行编写CSS样式来实现相似的效果。在使用自定义样式时，需要注意保持一致性和兼容性。

总结起来，当元素隐藏或使用Vue显示时，为了避免MDL样式丢失，可以使用Vue的过渡效果、动态绑定class和style，或者自定义样式来解决。具体选择哪种方法取决于具体的需求和项目情况。