Using vue js components in normal website how?

Question

Vue.js

Let's say the backend renders a regular page in which you want to use several vue components. What are the use cases?

Answer 1

Enable vue script:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

Use a component in the body of the document.

Answer 2

in your js file just Vue.component('component name', {
})
https://ru.vuejs.org/v2/guide/components.html
Read here, or did I not understand the question?

Answer 3

You can insert the template as <script type="text/x-template"> https://ru.vuejs.org/v2/guide/components-edge-case... , like this: https://codepen.io/anon/pen/oMWNrm
Removing to separate files through the attribute srcworks .