css-vue-plugin

Expande la funcionalidad para agregar estilos css a los componentes Vue. Al usar este plugin tiene acceso a la propiedad $style en la cual puede definir los estilos del componete. Los estilos se tiene que definir en el ciclo beforeCreate .

Dependencias Foliadora

Instalación

import CssPlugin from 'css-vue-plugin';
Vue.use(CssPlugin);

Ejemplo de uso

Javascript

Vue.component('titulo', {
    template: '<h1 class="color">Titulo</h1>',
    beforeCreate: function(){
        this.$style=`
        .color{
            color:blue
        }
        `;
    }
})

Html

<titulo></titulo>

Resultado

Titulo