[Vue.js] Basics with Vue.js

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