Adding a method

Let's add some functionality now to increase the value of the total. Over here in our products column, let's get rid of this paragraph which says "Products go here" and let's put a button here instead. Inside we'll add the text "Add to Cart".

<div class="products">
  <button>Add to cart</button>
</div>

When a button is clicked on a page, a click event is being emitted in the DOM. We can get Vue to respond to that by adding a directive to the button called v-on.