Vue.js question detail
What are the array detection non-mutation methods?
The methods which do not mutate the original array but always return a new array are called non-mutation methods.
Below are the list of non-mutation methods,
- filter()
- concat()
- slice()
- map()
- reduce()
- find()
- includes()
- every()
- some()
- indexOf()
- join()
For example, lets take a todo list where it replaces the old array with new one based on status filter,
vm.todos = vm.todos.filter(function (todo) {
return todo.status.match(/Completed/)
})
This approach won't re-render the entire list due to VueJS implementation.