v3的在css中v-bind绑定计算属性不生效

在CSS中，`v-bind`是Vue.js中用于绑定属性的指令，而不是用于计算属性的。计算属性是在Vue.js的实例中通过`computed`属性定义的。

如果你想在CSS中动态绑定属性，可以使用动态类绑定或内联样式绑定。

1. 动态类绑定：

   <template>
     <div :class="{ 'active': isActive }">...</div>
   </template>
   <script>
   export default {
     data() {
       return {
         isActive: true
       };
     }
   };
   </script>
   <style>
   .active {
     color: red;
   }
   </style>

2. 内联样式绑定：

   <template>
     <div :style="{ color: activeColor }">...</div>
   </template>
   <script>
   export default {
     data() {
       return {
         activeColor: 'red'
       };
     }
   };
   </script>

以上示例演示了如何在Vue.js中动态绑定CSS属性，而不是在CSS中绑定计算属性。希望对你有所帮助！如果你还有其他问题，请随时提问。