Vue，js的$ refs在控制台中未定义，但可以在$ nextTick中使用。为什么控制台显示值但返回未定义？

Question

我对代码中的$ refs行为感到困惑。

      console.log("> Value "+e.code);
      console.log(them.$refs)
      val = parseInt(them.$refs[e.code][0].value);

第一行显示 e.code 被定义为 angle 第二个显示$ refs.angle [0] .value存在

但是第三个出现此错误：无法读取未定义的属性'0'”

此处输出：

如果我在 this。$ nextTick（（）=> {...}）中运行此代码，它将正常工作。

我的问题是为什么控制台显示并为定义的值显示未定义？