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?