Javascript

vue3中在".vue"文件中使用使用"$store"报警告问题

本文主要是介绍vue3中在".vue"文件中使用使用"$store"报警告问题，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

问题

使用最新版的vuex后，然后vue3在template模版中使用出现红色警告，但是编译无异常

效果图

解决办法：
在shims-vue.d.ts文件中新增下面的声明

// shims-vue.d.ts
import { Store } from '@/store'
declare module '@vue/runtime-core' {
  interface ComponentCustomProperties {
    $store: Store
  }
}

资料链接

  • stack overflow：https://stackoverflow.com/questions/64412243/vue-js-3-and-typescript-property-store-does-not-exist-on-type-componentpub/68917028
  • vuex 官网：https://vuex.vuejs.org/guide/typescript-support.html#typing-store-property-in-vue-component
这篇关于vue3中在".vue"文件中使用使用"$store"报警告问题的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航