mpvue根据变量显示元素出现了问题？

Question

<template>
  <div class="ts">
    <div :class="{'show': language === 'zh'}">zh</div>
    <div :class="{'show': language !== 'zh'}">en</div>
  </div>
</template>

export default {
  data() {
    return {
      language: 'zh'
    };
  },
  ...

.ts>div{display:none}
.ts>div.show{display:block}

页面总是先显示en，之后再显示zh，我已经设置了language的默认值为zh，为什么出现这样情况？