UNPKG

vue-styletron

Version:
48 lines (34 loc) 821 B
# vue-styletron [![Travis](https://img.shields.io/travis/LostCrew/vue-styletron.svg)](Build) [![David](https://img.shields.io/david/dev/LostCrew/vue-styletron.svg)](DevDependencies) [![npm](https://img.shields.io/npm/l/vue-styletron.svg)](License) > Styletron for Vue.js ## Install #### Add dependency `npm install vue-styletron --save` or `yarn add vue-styletron` #### Initialize plugin ```js import VueStyletron from 'vue-styletron' Vue.use(VueStyletron) ``` ## Usage #### Define `style` in data, use `v-style` in template ```js new Vue({ el: '#el', data: { style: { el: { color: 'white' } } } template: '<div v-style="el">White text</div>' }) // Styletron generated style: // .a { // color: white // } // Vue rendered template: // <div class="a">White text</div> ```