[Vuejs]-Where I have error when convert vue js code to one html file?

You can’t use PascalCase for components in an HTML file. You need to change:

<MyForm></MyForm>

to:

<my-form></my-form>

The problem is that when the browser parses the HTML it converts all the tag names to upper-case, so the word boundaries are lost.

See https://v2.vuejs.org/v2/style-guide/#Component-name-casing-in-templates-strongly-recommended

I’m not familiar with the ConversationalForm library but I also had to change:

this.cf = ConversationalForm.startTheConversation({

to:

this.cf = conversationalform.ConversationalForm.startTheConversation({

After that it all seemed to run successfully, though the DOM nodes are hidden by default.