带有Vue js的Typescript

嗨，我有一个问题，直到现在还没有找到答案/解决方案。。。 我希望在Vue项目中包含typescript，但不要直接将其包含到组件级别。 我计划做的是，创建一些.ts文件并将它们编译成.js文件，这样我就可以引用/导入从.ts中提取的这些.js文件，并在组件中使用它们。。。 例如

<template>
...
</template>    
<script>
  import file from './file.js';
...
</script>
<style>
...
</style>

...
从“./file.js”导入文件；
...
...

然后在组件的脚本标记中定义的方法中使用file.js中的代码。

---

我想知道的是。。。这是否可能（如果是，如何实现？），这是一个好方法吗？我计划对我的大多数组件使用这种方法，以便它们有一个单独的导入脚本。

是。这是可能的。如果计划直接在TypeScript中编写某些组件，则

.vue

文件如下所示：

<template>
     <!-- Some HTML -->
</template>

<script lang="ts">
    import file from './file.js';
</script>

从“./file.js”导入文件；

将代码的一部分用TypeScript编写，另一部分用JavaScript编写是非常好的。如果您正在使用Webpack或其他，请确保正确配置了

ts加载程序

和

babel加载程序

对于TypeScript，在将JS文件导入TypeScript时，您需要设置诸如

allowJs

、

implicit any

、禁用

strict

模式等标志，以减少摩擦，反之亦然

就好的方法而言，我建议不要执行您建议的工作流。您的混合TypeScript和JS工作流将是：

• 使用像Webpack一样的模块绑定器（Rollup与Vue+TypeScript有问题）
• 一次编译所有代码，即不要等待TypeScript编译，然后在

  .vue

  文件中使用编译后的代码
• 必须安装三个加载程序：

  ts加载程序

  ，

  babel加载程序

  ，

  vue加载程序

  。没有这一点是不可能的
• 使用TypeScript时，您不必在导入语句中指定文件扩展名，如

  .js

  或

  .ts

• 另外，用TypeScript编写输入文件，即

  main.ts

  或

  index.ts

  。这会帮你省去很多痛苦

---

一旦你开始写作并看到TypeScript的威力，你最终会开始用TypeScript写所有的东西。

正如哈沙尔所说，你可能会用TypeScript写所有的东西。要开始使用，我绝对建议使用Vue GUI（cli v3）进行引导。手动实现TypeScript相当麻烦。