typescript vue中不允许使用“declare”关键字

2ic8powd  于 2022-11-18  发布在  TypeScript
关注(0)|答案(1)|浏览(214)

我想在我的vue文件中声明函数getCookie,这个函数已经在html文件中定义,vue文件将被注入到html文件中。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
<script>
  function getCookie(cookie){
    // do something
  }
</script>

如果我想在我的vue文件中使用这个函数,我需要使用“declare”关键字。

<script setup lang="ts">
declare function getCookie(cookie: string): string;

但在vue中的脚本设置是不允许的。它显示“修饰符不能出现在这里”。如果我不使用script setup,它工作正常。

o0lyfsai

o0lyfsai1#

一开始我想直接从html中使用函数,但实际上我可以创建一个单独的.js文件,并在其中写入get_cookie函数。然后我可以将函数导入html和vue文件,而不需要declare

相关问题