Разница в том, что в первом случае вы можете установить всего один обработчик данного типа на элемент. Если попробуете таким образом "добавить" ещё один обработчик, то он просто перезапишет первый.
Во втором случае обработчик добавляется (о чём, собственно, и повествует наименование метода) вне зависимости от того есть на элементе обработчик этого же типа события или нет.
Есть еще пара отличий, если регистрируешь событие addEventListener то нужно не забыть от него отписаться, потому как если просто удалить елемент из DOM событие никуда не пропадет и будет продолжать срабатывать, в случае добавления события через проперти оно удаляется из памяти сразу после удаления DOM элемента, поэтому в очень отдельных случаях выгоднее вешать событие через проперти.
