forked from extern/froscon-2023-demo
Compare commits
No commits in common. "step-04" and "main" have entirely different histories.
@ -5,46 +5,8 @@
|
||||
<title>FrOSCon - 2023 - Demo</title>
|
||||
|
||||
<link href="./css/bootstrap.min.css" rel="stylesheet">
|
||||
<script src="./js/vue.js"></script>
|
||||
</head>
|
||||
<body class="container">
|
||||
<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>
|
||||
<a href="#" class="btn btn-primary" v-on:click="addCard">Add Card</a>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6" v-for="card of cards">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{{ card }}</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const MyVueApp = Vue.createApp({
|
||||
data() {
|
||||
return {
|
||||
message: 'Hello Vue!',
|
||||
cards: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
addCard() {
|
||||
this.cards.push(this.message)
|
||||
}
|
||||
}
|
||||
})
|
||||
MyVueApp.mount('#app')
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
15361
src/js/vue.js
15361
src/js/vue.js
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user