.vue-content-placeholders.Vue.js plugin for making bogus web content (Facebook like). It can be helpful as a placeholder while information is loading or even information bring to provide much better UX and also reduced bounce rate.You may utilize it as some other part (plugin) for Vue ventures. For instance:.Usage.Installment.* by means of npm: 'npm install vue-content-placeholders-- save'.* using yarn: 'yarn include vue-content-placeholders'.Include the plugin in your main.js file.import Vue coming from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually consisted of when importing the deal. You might need to configuration your bundler to install the css in your page.In your themes:.content-placeholders is the main component and also within 3 types of web content can easily exist.
For offered homes have a look additionally below.
End result:.
Outcome:.Available elements as well as residential properties.root.Boolean cartoon (nonpayment: correct).Boolean pivoted (nonpayment: incorrect) - boundary radius.Boolean based (nonpayment: inaccurate).These homes determine how all children elements will definitely act.
Boolean img (nonpayment: incorrect).
Number product lines (nonpayment: 4).That's it essentially! This available resource venture is actually under an MIT certificate.