Vue js Javascript контекст

Почему не работает

Как говорится в доках, Vue плохо справляется с изменениями внутри массивов. Изначально свойство count зависит только от items.length:

count() {
  return this.items.length;
}

Следовательно, это свойство должно актуализироваться только тогда, когда произойдет изменение в объектах, от которых оно зависит - т.е. в items.length. Массив items не изменяется явным образом, поэтому Vue не может отследить изменение в items.length. Поэтому свойство count не обновляется.

Почему работает с this.deleted

В отличие от items, массив deleted изменяется явно (this.deleted = ...), и такое изменение Vue может отследить. Поэтому, когда в свойство count добавляется еще одна зависимость (от deleted), и после этого делается this.deleted = ..., то Vue видит, что одна из зависимостей обновилась, и обновляет свойство count.