.vue-content-placeholders.Vue.js plugin for providing artificial content (Facebook like). It could be useful as a placeholder while material is actually filling or even data fetching to give far better UX and lesser bounce cost.You can utilize it as any other component (plugin) for Vue ventures. For instance:.Utilization.Installment.* through npm: ‘npm mount vue-content-placeholders– save’.* via yarn: ‘yarn include vue-content-placeholders’.Consist of the plugin in your main.js data.import Vue coming from ‘vue’.import VueContentPlaceholders from ‘vue-content-placeholders’.Vue.use( VueContentPlaceholders).A css report is included when importing the package.
You may need to arrangement your bundler to embed the css in your page.In your templates:.content-placeholders is actually the principal element and within 3 kinds of web content may exist. For offered residential properties check out even further listed below. Result:.
End result:.Readily available components and homes.root.Boolean cartoon (default: real).Boolean pivoted (default: false) – border span.Boolean based (nonpayment: misleading).These residential properties describe just how all children elements are going to behave. Boolean img (nonpayment: inaccurate). Variety collections (nonpayment: 4).That’s it basically!
This available source venture is actually under an MIT license.