svk44

потому что с ":" - это вычисляемый аттрибут

для примера, строку можно взять в одинарные кавычки, чтобы это было валидное выражение:
:title="'Неработающий заголовок'"

можно рассматривать как:
var title = 'Неработающий заголовок';
без одинарных кавычек, получается так:
var title = Неработающий заголовок; - ошибочная конструкция

<card-item :title="Неработающий заголовок"/>

Понятно. Давайте посмотрим, что относительно назначения директивы v-bind говорит документация:

Динамически связывает атрибуты тега или входной параметр компонента с выражением.

Вопрос вам: почему вы решили, будто Неработающий заголовок - это выражение?

потому что return в цикле прервет цикл после первой же совпадении условия и в итоге посчитает только самый первый делитель его же и вернет.

function getDivisorsCnt(n){
    let counter = 0
    for (let val=1; val<=n; val++){
      if (n % val === 0 ){
        counter +=1
      }
    }
  return counter;
}
console.log(getDivisorsCnt(12))

:id и :for

Вы правы, reduce может делать и отображение и фильтрацию. Но в основном данную функцию применяют, когда при проходе коллекции нужно собрать определенный результат. Причем неважно какой: это может быть другой массив или объект, а может быть и примитивный тип данных типа строка или число. Все зависит от задачи
Как правильно писали выше, самый яркий пример и одновременно простой пример - нахождение суммы всех элементов массива. Вы делаете агрегацию - то есть приведение целой системы к одному результату.

[1, 2, 3, 4, 5].reduce((acc, item) => acc += item, 0); // 15

если методом reduce мы обрабатываем только массив названия ключей, то откуда внутри метода значения этих ключей?

Вы итерируетесь по массиву с ключами (которые достали через Object.keys(obj) у объекта), но доступ к переменной obj то у вас остается и переменная никуда не делась и не изменилась, не пропала :), вот вы с ней и работаете

путаете индекс массива со свойством id в ваших объектах?

const indexArr = users.map(( item, index ) => item.index)

нет у item'а свойства "index". Тогда уж, возвращайте переданный index: (item, index) => index Впрочем, индексы выводить, скорее всего, не нужно — для чего печатать числа от 0 до N.

const fullNames = users.map( fullName ).filter(( item,  index, array ) => {
    return array.indexOf( item ) === index
})

Что здесь происходит: сначала из массива объектов через метод массива .map() создаётся новый массив, состоящий только из полных имён. Функцию fullName() вы не привели в вопросе, но скорее всего, она из item'а делает строку item.name + ' ' + item.lastName

Далее, этот массив фильтруется – остаются только те имена, для которых их индекс в массиве равен индексу первого найденного такого же имени.

Например
массив ['Вася', 'Оля', 'Вася']
Поиск имени "Вася" вернёт 0 - в нулевой позиции он нашёлся. Для первого Васи это ок, он останется. Зато для третьего Васи индекс будет 2, а поиск вернёт всё тот же 0. Так как 2 !== 0, дубликат-Вася вылетает и не попадает в результат.