我的问题是每个组件的全局类名如何（初学者nuxtjs）

Question

我买了html5模板。我试图把它放在nuxt js上。但是，对于每个容器div，都有一个特殊的css类名定义，我需要为每个页面设置它。你能帮忙吗？

default.vue

<template>
  <div class="page-template-template-homepage-v1 home-v1"> // changable this class
    <div id="page" class="hfeed site">
      <Header />
      <nuxt/>
    </div>
  </div>
</template>

<script>
  import Header from '@/layouts/partials/Header'

  export default {
    components: {
      Header
    }
   }
</script>

如果我要转到产品/_slug.vue，则将其更改为“ page-template-single-shop-v1”