Vuetify —— Colors在页面上作用不上问题

<template>
  <div class="purple darken-2 text-center">
    <span class="white--text">Lorem ipsum</span>
  </div>
</template>

按说正常显示应该展示成如下效果：

但是其背景颜色和字体颜色都没有作用上，那就需要去查看一下App.vue文件中，其router-view是不是被v-app标签包裹，只有将v-app作为其根目录，才能作用上Colors效果