v-bind: get the value v-model: both change v-if: is showing or not v-on: Manage events from the method part Lifecycle Hooks mounted Application ready to display mounted: function() { fetch('https://hplussport.com/api/products/order/price') .then(response => response.json()) .then(data => { this.products = data; }) } Methods: Where to define functions