'How to push a container from one HTML page to another one using Vue.js?

To make the HTML code shorter, I decided to put some of the elements outside the main file and then load them from there like a template. I've read through all tutorials I could find but I didn't find any information about how to do this using Vue.js.

So, here is an example of my problem:

Main file:

<body>
   <span>Here is the place where I want to add an element</span>
</body>

New File:

<h3 @click="SomeFunction()">Hello, {{someVariable}}!</h3>

Is it possible to somehow put the code from the New file to the Main one and then render the page?

javascripthtmlvue.js


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions