<!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>