createComponent

前面的所有示例我们都用了createComponent来创建组件,是时候来真正揭开它的真面目了。

没错,它的作用是用来让我们使用 Typescript 来编写代码的,这样我们的代码就拥有了类型推导。

使用 Typescript

注意,目前要使用 Typescript 在 Vue2 中配置比较麻烦,请等 Vue3 正式发布吧!现在先知道这个函数的作用即可。

  1. <script>
  2. import { createComponent } from '@vue/composition-api'
  3. export default createComponent({
  4. // 启用类型推断
  5. })
  6. </script>

传统写法

  1. <script>
  2. export default {
  3. // 无法进行选项的类型推断
  4. // TypeScript 无法知道这是一个 Vue 组件的选项对象
  5. }
  6. </script>