IskDev

Возможно и бывают какие-то задачи, в которых такой доступ к DOM был бы оправданным.
Но в целом это неправильно.

У вас есть список проектов

data: {
  projects: [ ... ]
}

Вот и выводите его в шаблонах

<div class="project" v-for="p in projects">
  <div class="project__pin">{{ p.pin }}</div>
</div>

Так же, как бэкенд на любом языке и фронтенд на любом фреймворке - по протоколу http.

https://supabase.nuxtjs.org/get-started#redirect

redirect

Default: true

Redirect automatically to the configured login page if a non authenticated user is trying to access a guarded. You can disable all redirects by setting this option to false.

В vue не должно быть "одноименных" компонентов, чтоб случайно не перекрыть какой-нить новый html6 тег, вот и придумывают всякое:)

В данном конкретном случае постфикс View добавлен к тем компонентам, которые являются "шаблонами" страниц верхнего уровня в системе маршрутов роутера.
Т.е. они, скорее всего, существуют в единственном экземпляре, а не являются множественно используемым компонентом, и всякая динамика уже происходит на уровень ниже.

Это не является какой-то утверждённой системой, например во многих случаях используется система: Layout - для подобных шаблонов, Page - для конкретных вложенных страниц.

В целом vue ничего в этом плане не оговаривает, потому каждый делает как ему приятнее или как оговаривает конкретный фреймворк.

вот так:

const disabled = ref(false);

<input :disabled="disabled">

<input type="checkbox" v-model="disabled">

Нужна нормальная клавиатура. Купи себе недорогое устройство класса "нетбук".
На телефоне писать не надо. Это просто неэффективно. Зря портить себе зрение и пальцы.

То что в темах - обязательная база JS. React это просто дополнительный инструмент в руках разработчика, это не другой язык, не другой принцип построения веб-сайтов. Обязательно все указанное учить. Все и с самого начала. Я сам пробовал "начинать учиться" с реакта. Глупость полная. Это как попытка начать залезать на лестницу сразу с 10-й ступеньки. Не выйдет.

То, что вы называете это новый Composition API введенный в Vue 3. Новый альтернативный синтаксис. Можете его не использовать, а продолжать писать по схеме Options API. Код Vue 2 совместим с Vue 3. В документации вы по прежнему можете переключаться между этими синтаксисами и продолжать писать как вам удобно. Изменения при переходе на Vue 3 коснутся сборщика и функций в основном компоненте App

Нюанс в том, что Youtube сделан как SPA - тоесть формально у него только одна страница.
+ Какой-то SSR для индексации и чуть более быстрого первого открытия.

Чтобы сделать что-то подобное, тебе как минимум нужно знать какой-нибудь фреймворк для создания SPA. Например Vue или React.

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

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

Гипотетически второе тоже возможно, особенно в каком-то ограниченном подмножестве.
Если возвращаться к вопросу, то это возможно, если админ сайта оставил без пароля доступ к серверу, или если ты смог этот пароль подобрать, а весь бэк сайта - это голый php на одном серваке. Или если исходники полностью открыты и ты можешь посмотреть оригинал, например, на гитхабе.

Но в общем случае это невозможно.

https://github.com/beholdr/maska