Javascript 将类添加到动态更改对象列表的顶部对象

我有一个元素，该元素将为所有对象添加v，我有css类top class{}…我想在渲染对象中动态添加top class，即对象[0]，它会动态更改，因此必须删除旧的top

有没有关于如何做到这一点的帮助

下面是代码，在元素中可以看到类

<section class="tiles">
        <article v-for="(item, key) in objects" :class="top-class (if its top object)">
                <span class="image">
                    <img src="images/pic01.jpg" alt="" />
                    </span>
                    <a @click="method">                 
                                          <h2>{{item.title}}</h2>
                    <div class="content">
                <p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
                        </div>
                    </a>
        </article>

<script>
    export default {
       computed: {
           top-class() {



           }
       }
    }
  </script>

动态类 我假设您确实需要一个计算类，并且它将返回各种类名。你很可能不知道

让我们称之为顶级，没有破折号，更容易

不清楚对象是对象数组还是对象散列，所以我将给出这两个答案。如果对象是：

排列

类绑定中的[]括号是es2015，它允许动态引用密钥

这是一本书

静态类 另一方面，如果类名不是动态的，则根本不需要计算。您只需执行以下操作：

排列

---

什么是物体？它是数组还是对象？就是这样，不是吗？如果有帮助的话，请告诉我，我会把它添加到我的答案中。这个答案解决了你的问题吗？请勾选此答案，这也将帮助其他人。你可以这样做。如果有什么不清楚的地方，请告诉我。

<article v-for="(item, index) in objects" :class="{ [topClass]: index === 0 }">

<article v-for="(item, key, index) in objects" :class="{ [topClass]: index === 0 }">

<article v-for="(item, index) in objects" :class="{ 'top-class': index === 0 }">

<article v-for="(item, key, index) in objects" :class="{ 'top-class': index === 0 }">