Vue.js 2 Cookbook

How to do it...

Let's suppose that we have a big vase e-commerce. We have one component for every vase, but we can't give them all to the user at once. It will be too much data. We will load the component from the Internet.

As only modification, we will simulate the AJAX call with a simple setTimeout. Let's go back to our favorite online editor, JSFiddle:

Vue.component('XuandePeriodVase', (resolve, reject) => {   setTimeout(() => {     if ((new Date()).getDay() !== 6) {       resolve({         template: '<div>Buy for only 4000000</div>',         mounted () {           this.$parent.$emit('loaded')         }       })     } else {       reject("Today is Sunday, Internet is closed!")     }  }, 1000) ...