Vue3 报v-bind is missing expression.vue(34)错误的解决方案

一、项目环境

node.js 版本：node-v20.11.1-x64
vscode版本：version 1.89

错误截图

二、可能原因+解决方案

2.1 v-bind 与 :src之间存在空格

错误示例：

<img v-bind :src="imgurl" />

如果有在 :src 前面写了 v-bind，则 v-bind 与 :src 之间不能有空格，如果删除即可。

2.2 :src 没有赋值

错误示例：

<img :src="" />

这个只要给 :src 赋值即可，赋值完就不会报错了。

如果赋值的变量没有定义，会报 Property 'xxx' does not exist on type 错误，这时候定义一下即可。