<li v-for="(item, index) in list" :key="index" class="li1" >
</li>希望渲染出来的 class 是 li1、li2、 li3
在Vue中，数组 list 和动态 class 可以通过以下方式绑定：
``
在这个例子中，我们创建了一个名为items的数组，并在列表中使用了v-for循环来动态生成 li 元素。在循环内部，我们使用item.id和item.name` 作为 key 属性，将每个对象的 name 属性绑定到对应的 li 元素上。这样，列表中的每个 li 元素都会包含对应对象的 name 属性。
``
在这个例子中，我们创建了一个名为items的类数组，并在列表中使用了v-for循环来动态生成 li 元素。在循环内部，我们使用item.id和item.name作为 key 属性，创建了一个名为active的类，当item.id为 1 时，将active类应用于对应的 li 元素上。这样，列表中的每个 li 元素都会带有active类，当item.id` 为 1 时，表示这个 li 元素是被激活的。
注意，这两种方式的输出都会是一个类数组，其中每个类元素都是通过类名和一个对象的 id 属性绑定的。在动态创建类数组时，可以使用 item.id 和 item.name 作为类名，或者在类名前面加上类名和一个对象的 id 属性，以便更明确地指定类元素。例如：
javascript
items: [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' },
{ id: 1, name: 'Item 1 (active)' },
{ id: 2, name: 'Item 2 (active)' },
{ id: 3, name: 'Item 3 (active)' },
];
在这个例子中，我们创建了一个名为 items 的类数组，每个类元素都是通过 item.id 和 item.name 作为类名，当 item.id 为 1 时，将 active 类应用于对应的 li 元素上。同时，我们还为 item.id 为 1 的元素创建了一个名为 Item 1 (active) 的类，并为这个类添加了一个名为 name 的属性，使得列表中的每个 li 元素都会带有 name 属性。
