关于 vue 中写 ts 问题

[dxcqcv]

2、变量定义为 undefined，无法被 Vue 进行数据监控

@Component
class MyComp extends Vue {
  foo = undefined //无效
  bar = null //有效

   data() {
     return {
         baz : undefined // 有效
    }
  }

}

如果有需要在 data hooks 里定义 ts，应该怎么定义？比如需要定义 baz 的类型

handleCollapse(e: HTMLElement  ) {
  // const targetEl  = e.target as HTMLInputElement  
  const targetEl  = e.target   
  const contentEl = targetEl.parentElement.nextSibling 

@click 事件中的 e 应该怎么定义？试了都不行，

    (property) Node.parentElement: HTMLElement | null
   Object is possibly 'null'.Vetur(2531)

[mufeng]

vue 2 写 ts 基本上类型推到就是废的

[gjquoiai]

https://blog.rexskz.info/issues-in-typescript-vue-component-lib.html

[shadeofgod]

handleCollapse<HTMLInputElement>(e: Event ) {}

[shadeofgod]

另外一个问题建议看文档 https://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function

[xiaojie668329]

赋值为 undefined 等于没赋值吧，可以 foo! 这样写告诉编译器这个变量将由 vue 进行初始化。

target. parentElement 不一定存在啊，所有的元素查找都可能为 null，你确定它一定存在，可以用类型断言。
简洁的写法：target.parentElement! 表示 parentElement 不为空。