Vue 3 Typescript Build '这是未定义的'答案

【问题标题】：Vue 3 Typescript Build 'this is undefined'Vue 3 Typescript Build '这是未定义的'
【发布时间】：2021-11-04 12:33:01
【问题描述】：

我是 Vue 的新手，我正在使用 Vite 和 TypeScript 来制作我的项目。每当我去构建时，我都会收到一个错误页面，主要是在我的模板部分中包含Object is possibly 'undefined'，例如：

<input :value="this.$store.state.shareUrl"/>

忽略类型检查并查看构建的页面会产生一个空白页面，其中包含错误TypeError: Cannot read properties of undefined (reading '$store')，但是该页面在开发版本中完全可以正常工作。关于如何解决的任何想法？

【问题讨论】：

【解决方案1】：

在 Vue 模板中，this 是隐含的（这就是为什么 console.log 在模板中不起作用的原因），所以你可以跳过它

<input :value="$store.state.shareUrl"/>

【讨论】：