vue.js - Writting Javascript code in the templates

by Rodwyn Moreno

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <button v-on:click="counter++">Click Me</button>
  <p><span>{{ counter }} - </span>{{ counter > 5 ? 'Greater than 5' : 'Smaller than 5' }}</p>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	counter: 0
  }
});