@gigachel

Возможно ли внедрить svelte-компонент в существующую страницу (не SPA)?

Возможно ли встроить компонент sveltejs v3 (v3.svelte.technology) в существующую html страницу? Чтобы этот компонент получал пропсы со страницы. Наподобие как vue-компонент можно вставить в любую часть страницы.
В примерах, которые я нашел - svelte-компоненты вставляются в другие компоненты.
  • Вопрос задан
  • 905 просмотров
Решения вопроса 1
Привет! В целом тут 2 варианта:
1) Использовать Custom Elements:

<my-component answer="99"></my-component>

2) Написать небольшую хелпер-функцию:

// mount-helper.js
export function mount(target, Component) {
      return new Component({
            target,
            props: target.dataset
       });
}

<div id="my-component" data-answer="99"></div>

import { mount } from './mount-helper.js';
import MyComponent from './MyComponent.svelte';

mount(document.getElementById('my-component'), MyComponent);
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
vanchelo
@vanchelo
Ссылка на статью с документацией и примером https://v3.svelte.technology/docs#client-side-comp...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы