typescript中 import type { xxx } from 'vue'是什么意思

Question

vue-cli@next脚手架中生成的shims-vue.d.ts文件，

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}

这里的import type是什么意思？是将interface DefineComponent转换为type DefineComponent嘛？假如是这个意思的话，是什么意义呢？

-------------更新

使用import type 导致eslint 的 prettier报错请问怎么解决

Answer 1

declare module '*.vue' {
  import type { DefineComponent } from 'vue' //import DefineComponent类型 
  const component: DefineComponent<{}, {}, any> //声明component为DefineComponent类型
  export default component;//默认导出变量
}

Importing Types
Prior to TypeScript 3.8, you can import a type using import. With TypeScript 3.8, you can import a type using the import statement, or using import type.

`// Re-using the same import
import { APIResponseType } from "./api";

// Explicitly use import type
import type { APIResponseType } from "./api";`

Answer 2

https://jkchao.github.io/type...

Answer 3

安装 eslint-plugin-vue, 然后 .eslintrc.js 文件加一项配置：

module.exports = {
  parser: 'vue-eslint-parser'
}

Answer 4

怎么解决这个报错啊？