Есть ли аналог функции Vue.extend во Vue 3?

Question

[Darijj]

Я пытался реализовать поведение функции Vue.extend создавая виртуальные ноды функцией h, также пробовал создавать новый екземпляр приложения, но при рендеринге данных компонентов в дерево, они не имеет доступа к внедренным зависимостям. Вот я создал Codesandbox который иллюстрирует эту проблему: https://codesandbox.io/s/affectionate-mountain-c6l...

Answer 1

[Aetae]

В vue 3 всё ещё работают параметры extends и mixins. Не понятно чего ты пытаешься сделать.

Comments

[Darijj]

Хочу сделать небольшой плагин который будет управлять fullscreen окнами которые в свою очередь будут возвращать какой-то ответ. То есть я хочу иметь возможность в любом компоненте делать что-то на подобии const res = await show...Popup

[Aetae]

Darijj, в vue 3 composition api - всё просто функции.

Ты делаешь функцию которая возвращает нужное управление.

setup(){
  const [showPopup, killThePresident] = useТвояФункция();
  // ...
}

[Darijj]

Aetae, это я понимаю, вопрос как раз в том, как реализовать такое управление, а точнее как сделать так, чтобы компоненты, которыми управляет данный плагин вели себя точно так же как и компоненты вставленные в дом стандартным способом. Я уже пробовал во время создания vNode заменять ее свойство appConfig на на обьект конфигурации основного приложения app, после этого в них уже работает store но внедренные поля родительского компонента (provide) не работают...

[Aetae]

Darijj, похоже тебе всё таки придётс нормально описать задачу которую ты пытаешься решить. По пунктам. Иначе нифига не понятно.

[Darijj]

Aetae, Вот ссылка на codesandbox. В главном компоненту App я сделал
provide('title', 'holla')
В компоненте Container должны располагаться компоненты Title которые просто внутри делают: inject('title') и выводят этот title. Вот только я хочу добавлять в Container елементы не указывая их явно в разметке, а используя js.
Я пробую сделать это так:

const titleVnode = h(Title);
      render(titleVnode, контейнер);

и так:

const titleApp = createApp(Title);
      titleApp.mount(контейнер);

Но каждый раз почучаю ошибку: "injection "title" not found at "
Как мне создавать и вставлять в дом ноды на лету чтобы в них работал inject

[Aetae]

Охуеть. Какого хуя оно вообще хоть как-то работает? Пиздец.
Где ты нашёл описание подобного stand-alone рендера скинь ссылку плиз, для просещения. У меня просто в голову не лезет такое говно в моём vue. =(

Конкретно почему у тебя не работает inject - логично можно предположить, что магический render работает в верхнем уровне, а не в подчинённом родителю.
Какого хуя он вообще существует - другой вопрос...

Раньше в Vue была нормальная логика: или всё рисуется в методе render, или в рисуется в шаблоне. Меняться нельзя!© Теперь я уже ничего не знаю.

Простите, у меня сейчас очень сильно горит.

[Darijj]

Aetae, я то думал эта функция как-то по умному рендерит компоненты, а если она работает сама по себе тогда это действительно странная и не понятная функция. Нашел я ее роясь в каком-то репозитории git, информации по ней найти никакой в документации не могу) И правда, "магическая" функция :)