<!DOCTYPE html>
<html>
<body>
<div id="app">
<button v-on:click="count++">Add 1</button>count: {{ count }}
<div><input type="text" v-model="message"></div>
<p><button v-on:click="alerthi">Greet</button></p>
<p><button v-on:click="sayhi">Hi</button></p>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const vm = Vue.createApp({
data() {
return {
count: 0,
message: 'Hello, Vue.js'
}
},
methods: {
alerthi() {
alert(this.message)
},
sayhi() {
alert('hi!')
}
}
}).mount('#app')
</script>
</body>
</html>