Почему это вычисляемое свойство показывает изменения (Vue)

Question

Я меняю свойства с помощью некоторых кнопок. Когда я нажимаю кнопки, данные обновляются в пользовательском интерфейсе, даже computed1, но не console.log("computed1"). Я думаю, это потому, что я меняю его свойства, а не весь объект. Но если он не запущен, почему обновляется пользовательский интерфейс? Не могли бы вы объяснить мне? Я не смог найти что-то подобное в документации.

Код: https://jsfiddle.net/1hr7cy5d/

var example1 = new Vue({
  el: '#example',
  data: function() {
    return {
      item: {
        aaa: 'aaa',
        bbb: 'bbb',
        ccc: 'ccc'
      }
    }
  },
  computed: {
    computed1: function() {
      console.log("computed1");
      let item = this.item
      return item;
    },
  },
  methods: {
    method1() {
      console.log("method1")
      this.item.aaa = 'xxxx';
    },
    method2() {
      console.log("method2")
      this.item["bbb"] = 'yyyyy';
    },
    method3() {
      console.log("method3")
      this.$set(this.item, "ccc", "zzzzz")
    },
    method4() {},
  }
});

  method1
  method2
  method3
  method4
  {{item}}

{{computed1}}