First VueJS code

This commit is contained in:
Lukáš 2024-02-19 16:50:19 +01:00
commit 5cc5a74cb9
4 changed files with 44 additions and 0 deletions

View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hello Vue</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{ message }}
<button @click="changeMessage">Change the message!</button>
</div>
<script>
new Vue({
el: "#app",
data: {
message: "Hello Vue!",
},
methods: {
changeMessage() {
this.message = "Hello World!";
},
},
});
</script>
</body>
</html>

12
vue.ude/index.html Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<header></header>
<main></main>
<footer></footer>
</body>
</html>

0
vue.ude/script.js Normal file
View File

0
vue.ude/style.css Normal file
View File