How to work with Vue with JSX and templates?

Question

Vue.js

I recently learned that Vue has the ability to use JSX.

And as they write that now JSX is in all methods, but for some reason when I tried to make a method on JSX, everything breaks.

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

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

I correctly understood that it is possible to have both a template and JSX render methods in a component that will be inserted there? Or is it necessary to choose one of the two? Tell me please. Also, if it is important, now in my project Vue is connected as cdn and without components, only an instance. <templates>...</templates>

Answer 1

Vue connects like a cdn and no components, just an instance.

won't take off