Sleep

Vue. js plugin that enables you to bundle CSS along with your components

.vue-css.The Vue.js plugin created through @nxtchg, vue-css is made for stashing relevant CSS along with.vue elements, permitting you to pack CSS data along with your components.Vue elements must be actually stand-alone systems with every little thing applicable ingrained inside. Unfortunately, Vue doesn't support embedded designs. You can easily make use of Webpack or even Browserify, however if you do not would like to, at that point there is actually no suitable solution. This plugin inserts itself on top of Vue.component() and also if there is a "design" member found in part's meaning, it includes it to the page. All CSS selectors are actually prefixed along with the name of the part to stay clear of disagreements.The CSS selectors are actually prefixed along with the label of the part, as an example:.Vue.component(' my-component',.layout: 'Hi, world!',.style: 'span,.this-too font-color: reddish '. ).The above arrangement will add.my-component span,.my-component. this-too font-color: reddish to the page.Utilization.The plugin can be used only through including the 'vue-css. js' data in to your task.That's it give vue-css a shot if you are looking for a substitute method to assist embedded styles in your ventures.

Articles You Can Be Interested In