错误详情

错误信息

‘v-bind’ directives require an attribute value.eslintvue/valid-v-bind

错误原因

默认情况下，ESLint 将同名缩写视为错误。此外，Volar 扩展可能需要更新以支持 Vue 3.4 中的新语法。

解决方案

1. 更新 Volar 扩展

安装或更新 Volar 扩展以获得对 Vue 3.4 语法的支持。

2. 禁用 ESLint 同名缩写规则

在你的 .eslintrc.js 文件中添加以下配置来禁用同名缩写规则：

{
  "rules": {
    "vue/no-shorthand-component-declaration": "off"
  }
}