Игорь Воротнёв

Без разницы. В момент выполнения скрипта на конкретной странице экземпляр будет один единственный. Обычно это #app на уровне лейаута.

Не стоит. Но если хотите - главное позаботьтесь о том, чтобы Vue грузился только на той странице/страницах где он реально используется, а не на всех подряд. Кто знает, может у вас там форма обратной связи - это многошаговая форма с кучей полей и массой интерактивности, сохранением прогресса и тд - тогда и смысл использования Vue может быть оправдан, хотя бы частично. Но из фразы "форма обратной связи" мы как бы подозреваем, что там пару простых полей и никакой реактивщины, Vue все-таки будет пушкой по воробьям.

Конкретно в перечисленном вами примере нет совершенно ничего сложного и я вообще не вижу необходимости использовать какой-либо фреймворк. Все можно легко решить ванильным js, часть вообще чистым CSS.

Пожалуй, единственное исключение - если бюджет более чем скромен, сроки небольшие, надо просто сделать и забыть. Тогда это может быть экономией.

Что касается фреймворков в целом, и jQuery тоже - держите в голове, что цифры размера этих библиотек "gzipped and minified" это очень обманчиво. Они влияют исключительно на скорость загрузки этих скриптов, а этим можно даже пренебречь. При использовании протокола HTTP/2 тем более. Проблема с ними начинается позже - когда браузер их разгзипит и начнет анализировать. Вот здесь происходит существенная трата времени, которая тормозит отрисовку страницы. Тот же jQuery последний в неупакованном виде - почти 260Кб кода, который нужно распарсить и выполнить. Это весьма ресурсоемко.