How to connect a piece of html code (block) to another html page in vue?

C

Captain Cocoa2021-03-13 14:33:25

Vue.js

Captain Cocoa, 2021-03-13 14:33:25

At the root there is a main index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Index Page</title>
</head>
<body>
    
    <Header />
    <Content />
    <Footer />
    
</body>
</html>

In the components folder, respectively, there are 3 components
/components/Header.html
/components/Content.html
/components/Footer.html

Code Header.html

<header>
    <h1>Landing Name</h1>
</header>

Content.html code

<srction>
    <div>content</div>
</srction>

Footer.html code

<footer>
        footer
</footer>

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

L

Lord_Dantes, 2021-03-13
@RadCor

https://metanit.com/web/vuejs/7.1.php