Можно ли назвать сам компонент(Файл) AppFooter.vue?
Да, вполне себе нормальное название. В целом надо соблюдать правило, чтобы имя компонента не совпадало с существующими html тегами.
или в таких случаях лучше называть компонент Footer.vue(Без App) а при импорте в другом компоненте добавлять префикс app
И зачем эти трудности? Называйте сразу
AppFooter.
Сам vue при развертывании проекта называет все компоненты с большой буквы. Но я видел в видео что некоторые люди пишут с маленькой буквы
ИМХО это от кодстайла в проекте зависит. Как удобно - так и пишите. Я лично предпочитаю с большой буквы. VSCode тогда выделяет другим цветом и проще глазом ориентироваться в разметке.
Норма ли писать компоненты с маленькой буквы и с префиксом v- и где про это можно прочитать?
Где почитать не знаю, но добавлять префиксы вряд ли стоит. Это делают при разработке каких-то UI библиотек, чтобы однозначно понять, что компонент относится к ним. Например у
Vuetify это
v-, у
BootstrapVue это
b- и так далее.