tiangua998的博客

原创 Vue+Ts中如何定义组件的数据类型

我们在平常写vue项目的时候，或多或少都会用到组件，举个例子，比如我们想要引入一个弹窗组件，首先，我们需要在父组件中引入，其次如果我们想要拿到引入的子组件的dom实例从而调用其内部调用的方法，则需要用到ref属性，代码如下。这样接下来就可以通过dialog.value来调用弹窗组件中的方法了，在ts中他会类型推断为any类型，如果我们想要dialog添加正确的类型标注的话，则需要通过。得到其类型，再使用 TypeScript 内置的。工具类型来获取其实例类型，代码修改如下。这样我们的问题就解决了。