Я нуб, учусь на примерах, теории мне не хватает

https://github.com/sveltejs/template/blob/master/src/main.js
В самом простом виде, тебе нужно прогнать твой компонент через сборщик и то что ты получишь подключит на страницу через тег script

Благодарю

Если тебе нужна динамика, то есть не document body на выходе, а например другой класс или тебе нужно рендерить его в определенный момент, тогда нужно настроить вебпак как umd модуль и отдать функцию наружу в коде, а не компонент.

Ещё важный момент, если ты скрипт напишешь в head ничего не выйдет, так как компонент вставляется в body а он на момент парсинга ещё не создан. Поэтому тебе нужно вставить скрипт в конец body.

спасибо за рекомендации, ваш пример не совсем то, что мне нужно: у меня есть страничка, её отдает актикс, на страничке есть <div class="hidden" id="msg"></div>, нужно получать с сервера json сообщения и выводить их в этот div

получается, что это не одностраничник

Зачем эта ссылка. Там же совсем не то пишется для компонента.

ты про веб-компоненты? свелт компонент именно так и подключается

Я думал что речь идёт о компоненте

а свелт компонент не компонент чтоли?

а это же приложение

кастомный компонент

Добрый день. Буду признателен, если кто поможет. Есть два элемента <select> в одном компоненте. Первый формируется проходом {#each} по массиву объектов, value привязано через bind к переменной. В value этого <select> я получаю id, по которому выбираю элемент из другого массива объектов через метод find. Задача в том, чтобы этот найденный элемент (является массивом значений) развернуть на второй <select> через {#each}. Пытался привязать к событию on:change первого <select> функцию поиска элемента на основе id, полученного из value, но не пойму как правильно передать его во второй <select>.Спасибо.

App.svelte это такой же компонент, как и любой другой. И в main.js действительно видно как можно монтировать компонент на страницу. Более того бывает когда в main.js сразу несколько компонентов монтируются.

Эмм. Воспроизвел твои слова в REPL, не ясно где может быть проблема. Можешь поправить? https://svelte.dev/repl/a6632f2a55a64858b6ba8c12905f0210?version=3.20.1

Спасибо. Сейчас гляну

Да, именно так, как я и пытался сделать. Не догнал до строчки с реактивным присваиванием selected_params (в вашем примере). Зато теперь более чем понятно. Спасибо большое.

В main.js несколько компонентов монтируется так?
import App1 from './App1';
import App2 from './App2';

const app1 = new App1({ target: targetElement1 });
const app2 = new App2({ target: targetElement2 });

export default app1;
export default app2;

default только один экспорт может быть