Проблемы с реактивностью?

Question

[xXRustamXx]

Из примера я использую объект "render" т.к нужно будет рендерить по разному айтемы, я использую this.$set и this.$delete казалось бы ни каких проблем с реактивностью не должны возникнуть, но после удаление айтема из главного массива, объект render почему-то не обновляется(
Ссылка на демонстрацию: https://codepen.io/Metis/pen/dgYmvX?editors=1010

Answer 1

[0xD34F]

Какой-то наркоманский бред, иначе и не скажешь. Откуда вы взяли, что изменение items должно как-то повлиять на render.items? Серьёзно - ОТКУДА ВЫ ЭТО ВЗЯЛИ? Расскажите пожалуйста, очень интересно.

Может, вам тут стоило сделать computed свойство?

Comments

[xXRustamXx]

По всей видимости у меня не очень хорошее представление о реактивности, можно пример с computed свойством пожалуйста?

[Владимир Проскурин]

xXRustamXx, вы читали официальную документацию? https://ru.vuejs.org/v2/guide/ это очень важно. Без нее дальше не суйтесь.

[0xD34F]

xXRustamXx, ну, например:

computed: {
  render() {
    return {
      items: [...this.items]
    }
  }
},
methods: {
  removeItems(id) {
    this.items = this.items.filter(n => n.id !== id);
  }
}

Соответственно, убираете created и render из data.