Skip to content

Instantly share code, notes, and snippets.

@kevinnio kevinnio/vue-event-3.html Secret
Created Apr 26, 2019

Embed
What would you like to do?
<div id="counter-app" style="text-align: center">
<h3>{{ counter }}</h3>
<span>
Increment by <input type="number" v-model="increment" />
</span>
<button v-on:click="counter += parseInt(increment)">Count up!</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
new Vue({
el: '#counter-app',
data: { counter: 0, increment: 1 }
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.