Sleep

Vue. js plugin that permits you to pack CSS with your components

.vue-css.The Vue.js plugin created by @nxtchg, vue-css is created storing applicable CSS along with.vue components, enabling you to pack CSS data with your parts.Vue components must be stand-alone devices along with every thing pertinent inserted within. Unfortunately, Vue does not sustain inserted types. You can make use of Webpack or Browserify, yet if you do not desire to, then there is no appropriate answer. This plugin inserts itself atop Vue.component() and also if there is actually a "design" element current in component's interpretation, it adds it to the webpage. All CSS selectors are prefixed with the name of the element to stay clear of problems.The CSS selectors are prefixed with the title of the component, for instance:.Vue.component(' my-component',.theme: 'Hello, world!',.style: 'span,.this-too font-color: reddish '. ).The above setup will definitely add.my-component span,.my-component. this-too font-color: red to the page.Consumption.The plugin can be used simply through incorporating the 'vue-css. js' documents into your task.That's it give vue-css a try if you are searching for a different technique to support inserted styles in your tasks.

Articles You Can Be Interested In