Как работать на Vue с JSX и шаблонами?

Question

[danilr]

Недавно узнал, что во Vue есть возможность использования JSX.

И как они пишут, что теперь JSX есть во всех методах, но почему то когда я пытался сделать метод на JSX, то всё ломается.

methods: {
renderButton(text) {
            const myText = text +' '+' Render Work!!!';

            return (<button>{myText}</button>);
        },
}

Я правильно понял, что можно иметь в компоненте и шаблон <templates>...</templates> и методы-рендеры JSX, которые будут туда вставляться? Или же тут надо одно из двух выбирать? Подскажите, пожалуйста.
Ещё, если важно, то сейчас в проекте у меня Vue подключается как cdn и без компонентов, только экземпляр.

Answer 1

[Антон Антон]

Vue подключается как cdn и без компонентов, только экземпляр.

не взлетит

Comments

[danilr]

а как подключить, чтобы заработало? Чего не хватает? (Без сборщика нужно)

[danilr]

Антон Антон, подскажи, как подключить без сборки плиз

[Антон Антон]

danilr, зачем без сборки? дело в том, что .vue как и jsx не являются тем, что может сожрать браузер. Значит эти ресурсы будут каждый раз обрабатываться на клиенте перед показом пользователю. Сборка будет, но на клиенте. Это очень долго. В качестве альтернативы без сборки для vue можно использовать вот такую штуку: https://ru.vuejs.org/v2/guide/components-edge-case... но там все равно поддерживается только синтаксис vue. Если хочется что-то другое (jsx или там pug с sass), то добро пожаловать в мир сборки.

[danilr]

Антон Антон, ну экзмепляр и компоненты Вью без сборки я и раньше пользовал.
Подключить JSX к Vue без сборки мне надо пока в целях обучения, практики. Сбору на рабочем месте не могу собрать(не дают права админские) то есть Vue на комп не ставится.
К примеру, в документации Реакта можно поставить и react и jsx без сборки на CDN.

[Антон Антон]

danilr, используй https://codesandbox.io/