.vue-content-placeholders.Vue.js plugin for rendering fake information (Facebook like). It may be beneficial as a placeholder while content is actually loading or data getting to offer much better UX as well as lesser bounce fee.You can easily utilize it as every other element (plugin) for Vue tasks. As an example:.Consumption.Installment.* through npm: 'npm put up vue-content-placeholders-- save'.* via anecdote: 'anecdote add vue-content-placeholders'.Consist of the plugin in your main.js documents.bring in Vue from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is included when importing the plan. You may must configuration your bundler to embed the css in your webpage.In your layouts:.content-placeholders is the principal component as well as within 3 types of web content can exist.
For readily available properties check out better below.
Outcome:.
End result:.Available parts and residential properties.root.Boolean animated (default: real).Boolean pivoted (default: incorrect) - boundary radius.Boolean based (default: misleading).These homes specify how all youngsters elements will behave.
Boolean img (default: misleading).
Variety collections (default: 4).That's it basically! This available resource task is under an MIT certificate.