.vue-content-placeholders.Vue.js plugin for making phony web content (Facebook like). It may be beneficial as a placeholder while content is actually loading or records getting to supply far better UX and also lower bounce price.You can easily utilize it as every other component (plugin) for Vue jobs. For example:.Use.Setup.* via npm: 'npm set up vue-content-placeholders-- save'.* via yarn: 'yarn include vue-content-placeholders'.Consist of the plugin in your main.js data.bring in Vue coming from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css data is actually included when importing the bundle. You may need to configuration your bundler to install the css in your webpage.In your themes:.content-placeholders is actually the principal element and within 3 forms of web content can exist.
For readily available residential properties check out further listed below.
Result:.
End result:.Available parts and also properties.root.Boolean cartoon (nonpayment: correct).Boolean rounded (nonpayment: inaccurate) - perimeter radius.Boolean focused (default: untrue).These residential properties specify just how all kids parts are going to act.
Boolean img (nonpayment: incorrect).
Variety series (nonpayment: 4).That's it essentially! This available source job is under an MIT certificate.