您将从本文中学到：
这是从VUE2到VUE3的重要步骤，并且在跨越之前已经生成了许多解决方案：例如，模板被渲染函数替换，有些是直接使用JSX语法，甚至是使用组件直接编码为编码为编码编码与React类组件非常相似。今天，我们将讨论使用使用组件来编写VUE，并共享我遇到的坑。
首先安装Vue-Class-Component，立即开始旅行
组件：类组件的基石必须调用此功能使用类组件。同时，有必要扩展Vue类
组件函数的参数类型：VueClass，这意味着其参数是选项API中的选项。由于我们想使用类组件的方法
如何在类组件上定义数据？只需使用类的属性来定义
如果需要设置初始空值，则不能将属性直接设置为未定义。这样，它是无响应属性；您可以将其设置为null或使用数据来声明
请注意，由于VUE2的问题，如果我们初始化一个空对象，则稍后将添加新属性，并且也是一个非反应属性。
摘要：在VUE类组件中定义响应属性，需要将初始值设置为非定义的值。如果仅暂时存储一个对象，则无法给出初始值。
使用GET或设置访问接口直接设置了计算，但是您需要使用数据修改值的值。
生命周期函数与React类成分相似。例如，山，创建，破坏，渲染，值得注意的是，这种渲染功能实际上就是这样。我们需要特别注意使用此渲染功能。现在，我们来与React组件进行比较：
最后，VUE组件报告了一个错误：“ Typerror：无法读取属性'$ createlement'of Undefined'
为什么此错误报告？这必须是不正确的，然后我们转到函数以在功能中打印出来，并发现它无法打印。应该在汇编阶段直接报告。类组件中的写箭头功能，该功能与我们无法在Options API中编写箭头函数相同；我们分析汇款表的方式相同。它还将在VUE中报告一个错误。但是我们不能让汇编正常通过，因此我们可以使用它。$ createlement而不是jsx;b属性中的此指向对象rendermap，必须无法保存错误；
最后，我们尽量不要在VUE组件中提取组件属性，而是直接在组件上写入：就像渲染中的部分的数据属性一样
类组件中的插槽不仅仅是模板，它直接写在组件的属性中。在传统的VUE2组件中，我们无法通过道具渲染组件或DOM节点，但是类组件可以意识到这一点
如何定义稳定的插槽？实际上，我们上面提到的第一种方式，我们可以通过函数。
摘要：今天，我们系统地了解了VUE类组件的写作。VUE类型组件有利于TS类型语句，但是我们需要具有深厚的基本技能。如果我们不明白这一点
原始：https：//juejin.cn/post/7101831098807615496