Sleep

Vue. js plugin that allows you to bundle CSS along with your elements

.vue-css.The Vue.js plugin produced through @nxtchg, vue-css is created stashing relevant CSS along with.vue components, allowing you to bundle CSS report with your elements.Vue elements should be stand-alone units along with every little thing applicable ingrained inside. Sadly, Vue does not assist embedded designs. You can easily make use of Webpack or Browserify, yet if you don't want to, at that point there is actually no suitable option. This plugin inserts on its own in addition to Vue.component() and if there is actually a "design" present in component's definition, it adds it to the webpage. All CSS selectors are actually prefixed along with the title of the element to avoid conflicts.The CSS selectors are prefixed along with the label of the element, for instance:.Vue.component(' my-component',.theme: 'Hi, globe!',.style: 'span,.this-too font-color: reddish '. ).The above arrangement will certainly add.my-component span,.my-component. this-too font-color: reddish to the page.Utilization.The plugin may be utilized simply by adding the 'vue-css. js' report right into your task.That's it offer vue-css a try out if you are trying to find an alternative way to support embedded styles in your tasks.

Articles You Can Be Interested In