Cannot invoke an object which is possibly ‘undefined‘.Vetur(2722)

Cannot invoke an object which is possibly 'undefined'.
    51 |     const remove = () => {
    52 |       // 祖父组件传过来的删除方法
  > 53 |       props.removeTodo(props.index);
       |       ^^^^^^^^^^^^^^^^
    54 |     };

改成下面这样即可：
    const remove = () => {
      props.removeTodo && props.removeTodo(props.index);
    };

我的页面是：祖父组件->父组件->子组件 ，在子组件中调用祖父组件里的方法报错，加上判断即可解决；

tip:子组件用祖父组件里的方法或者值可以在父组件上绑定v-bind="$attrs"，且父组件里props不接收此方法，在子组件里接收；