如何在 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