forked from extern/froscon-2023-demo
Compare commits
2 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
4792c56eab | ||
|
6008ec8c29 |
@ -5,8 +5,29 @@
|
|||||||
<title>FrOSCon - 2023 - Demo</title>
|
<title>FrOSCon - 2023 - Demo</title>
|
||||||
|
|
||||||
<link href="./css/bootstrap.min.css" rel="stylesheet">
|
<link href="./css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<script src="./js/vue.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body class="container">
|
<body class="container">
|
||||||
<h1>Hello World</h1>
|
<h1>Hello World</h1>
|
||||||
|
|
||||||
|
<div class="card" id="app">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">{{ message }}</h5>
|
||||||
|
<p class="card-text">
|
||||||
|
<input type="text" v-model="message" />
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const MyVueApp = Vue.createApp({
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
message: 'Hello Vue!'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
MyVueApp.mount('#app')
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
15361
src/js/vue.js
Normal file
15361
src/js/vue.js
Normal file
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user