Что такое VueJS? Каковы основные особенности VueJS? 6

11. Почему вам нужно использовать ключевой атрибут в директиве for?

Чтобы отслеживать идентичность каждого узла и, таким образом, повторно использовать и переупорядочивать существующие элементы, вам необходимо предоставить уникальный ключевой атрибут для каждого элемента с итерацией in v-for. Идеальным значением для ключа был бы уникальный идентификатор каждого элемента.
Давайте возьмем пример использования,

{{item.name}}

Следовательно, всегда рекомендуется по возможности предоставлять ключ с v-for, если только повторяющееся содержимое DOM не является простым.

Примечание. Не следует использовать непримитивные значения, такие как объекты и массивы, в качестве ключей v-for. Вместо этого используйте строковые или числовые значения.

12. Каковы методы обнаружения мутации массива?

Как следует из названия, методы мутации изменяют исходный массив.
Ниже приведен список методов мутации массива, запускающих обновления представления.

1. 
   push()
   
2. 
   pop()
   
3. 
   shift()
   
4. 
   unshift()
   
5. 
   splice()
   
6. 
   sort()
   

vii. reverse()
Если вы выполните любой из перечисленных выше методов мутации в списке, это приведет к обновлению представления. Например, метод push для массива с именем 'items' запускает обновление представления,
vm.todos.push({ message: 'Baz' })

13. Какие существуют методы определения массива без мутаций?

Методы, которые не изменяют исходный массив, но всегда возвращают новый массив, называются методами без мутации.
Ниже приведен список немутационных методов,

1. 
   filter()
   
2. 
   concat()
   

iii. slice()
Например, возьмем список задач, в котором старый массив заменяется новым на основе фильтра статуса,
vm.todos = vm.todos.filter(function (todo) {
return todo.status.match(/Completed/)
})

Этот подход не будет повторно отображать весь список из-за реализации VueJS.