相关疑难解决方法(0)

在 Vue 3 和 Typescript 中使用全局属性

我在 main.ts 中添加了一个全局属性,并尝试在组件中访问它。但是我收到错误:

Property '$const' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, EmitsOptions, {}, {}, false, ComponentOptionsBase<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, {}>>'.Vetur(2339)
Run Code Online (Sandbox Code Playgroud)

我认为我需要增强类型,typescript 现在认为 $const 是任何类型,但是我不知道如何在 Vue 3 中执行此操作,文档中也没有提及。

主要.ts

import { createApp } from "vue";
import App from "./App.vue";
import store from "./store";
import * as constants from "@constants";

const app = createApp(App);

app.config.globalProperties.$const = Object.freeze(constants);

app.use(store);

app.mount("#app");
Run Code Online (Sandbox Code Playgroud)

成分

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "Header", …
Run Code Online (Sandbox Code Playgroud)

typescript vetur vuejs3

9
推荐指数
1
解决办法
1万
查看次数

标签 统计

typescript ×1

vetur ×1

vuejs3 ×1