Vue | Hello
by rulokc
HTML
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<div id="container">
<p>{{ greeting }}</p>
<input type="text" v-on:input="changeGreeting">
</div>JavaScript
new Vue({
el: '#container',
data: {
greeting: 'Hello Vue!'
},
methods: {
changeGreeting: function(event) {
this.greeting = event.target.value;
}
}
});