当涉及VUE组件时，如果切换到打字稿环境，则每个选项模块声明方法也已更改。它已经解释了，选项属性以及这里的解释仍在继续。
此外，为了添加指令，在JS中的VUE选项中的数据选项的一般写作是函数形式：。这种方式的优点是避免在重复使用组件时共享数据数据库的多个组件，以及数据污染和困惑。将在此组件中生成独立的空间存储数据以避免混合。如前所述，在TS中，您可以直接使用定义变量的形式。一开始，我还怀疑它是否等同于返回形式的数据。{}函数返回值。无需担心数据污染，写作非常简洁。
此组件在父组件模板中：
接受父部件通过的道具：
道具的可接受参数如下：
@prop（options ：（ propoptions |构造函数[] |构造函数）= {}）
观看方法更为复杂。您需要注意：
喜欢：
写作与JS完全相同，没有什么可说的。
顺便说一句，在TS中，类中该方法的修饰符是该语句可以由他人调用。
@Ref Decorator会收到一个可选参数，以指向元素或子组件的参考信息。如果此参数不可用，则将装饰器背后的属性名称用作参数。
EMIT的写作也更加复杂。
与一些示例相比，您将在编写一些示例时清楚您会很清楚。实际上，这种写作不适用，可以使用传统的$ emit。
默认情况下，组件将使用并使用它，但是某些输入类型（例如单个选项框和复选框按钮）可能需要使用不同的值支持组合来实现不同的目的。使用选项可以避免造成的冲突通过这些情况。
以下是VUE官方网站的示例：
使用此组件时：
注意：您仍然需要在组件的“ Props”选项中声明该支架的检查。
使用中提供的转换的示例是在自定义组件中：
在打字稿中编写mixin，mixin本身是一个.ts文件，您需要注意。
mymixin.ts写作：
使用Mixins文件：
如果您需要写两个或更多的混合素，请继续添加混合蛋白。正常通过Mixins介绍TS语法检测系统，这并不复杂。
这是常用的组件声明。如果将来有更多内容，请首先分享很多。
原始：https：//juejin.cn/post/7098356360416837668