vue，学会利用vue响应式属性

vue中，我现在data中定义：

      transactionInfo: {
        author: '',
        name: '',
        transactionId: '',
        transactionTime: ''
      }

然后我们通过接口拿数据，有以下两种方式，如下图的红线框住的上下两处。说一下那种比较好？

显然，是上面这种。因为vue中data定义的是响应式的数据，数据的set、get被代理了，只要对数据设置值或取值都能响应式地更新数据；那如果使用下面那种方式，就浪费了vue提供的这个特性，transactionInfo引用被覆盖，一开始给它定义的属性也没有使用到。

这时候如果接口获取数据失败，transactionInfo变成undefined，如果还在页面使用了{{transactionInfo.name}}会直接报语法错误，

这种错误不会给你指出第几行，就会很难发现这个问题。