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) ...

Get Vue.js 2 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.