如何在 Vue3 和 TypeScript 调用组件里的函数?

如何在 Vue3 和 TypeScript 调用组件里的函数?

我是个vue3.2新手,在父组件调用组件里的函数怎么实现?我做了一个demo地址


回答:

你的words是一个字符串变量,不是vue响应式数据
并且在setup中不能访问data声明的变量
修改后demo


回答:

Vue 是数据驱动的框架,能不直接调函数尽量不直接调,下面这个示例定义了两个组件:

  • Comp 是数据驱动的
  • Comp2 是通过引用调用方法

其中,如果要 TypeScript 认识 Comp2 引用(示例中是 c)的类型,需要显式声明其类型 typeof Comp2 | null,记得把 null 联合进去,否则不能初始化为 null。如果想初始化为 undefined(不传参数),需要把 undefined 类型联合进去。

示例在这里:数据驱动的 Demo | Vue SFC Playground (vuejs.org)

以上是 如何在 Vue3 和 TypeScript 调用组件里的函数? 的全部内容, 来源链接: utcz.com/p/936345.html

回到顶部