Vue3 createComponent详解

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

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

使用 Typescript

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

<script>
  import { createComponent } from '@vue/composition-api'
  export default createComponent({
    // 启用类型推断
  })
</script>

传统写法

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

教程来源于Github,感谢SJanJan大佬的无私奉献,致敬!

技术教程推荐

Web协议详解与抓包实战 -〔陶辉〕

DevOps实战笔记 -〔石雪峰〕

移动端自动化测试实战 -〔思寒〕

雷蓓蓓的项目管理实战课 -〔雷蓓蓓〕

JavaScript核心原理解析 -〔周爱民〕

架构实战案例解析 -〔王庆友〕

容器实战高手课 -〔李程远〕

React Hooks 核心原理与实战 -〔王沛〕

深入浅出可观测性 -〔翁一磊〕