使用vue3和elementplus的时候class前面加冒号是什么意思？

Question

<ul class="yin-header-nav">
    <li :class="{ active: item.name === activeName }" v-for="item in styleList" :key="item.path" @click="handleChangeView(item)">
      {{ item.name }}
    </li>
</ul>

Answer 1

https://cn.vuejs.org/guide/es...

Answer 2

class：死样式！
:class：活样式！

Answer 3

就是v-bind, 因为要动态的类名显示样式, 这里传递的是对象, 双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute，应该使用 v-bind
v-bind

Answer 4

:class="{ active: item.name === activeName }"
意思是当item.name的值等于activeName的值时,class的类为active