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

Question

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

Answer 1

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

Answer 2

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

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

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

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