const ComponentB = Vue.extend({
  props: ['my-style'],
  template: `<div :style="myStyle">Hello world</div>`
})

const ComponentA = Vue.extend({
  template: `<component-b :my-style="myStyle"></component-b>`,
  components: {
    componentB: ComponentB
  },
  data () {
    return {
      myStyle: {
        background: 'red',
        width: '100px',
        height: '50px'
      }
    }
  }
})

new Vue({
  el: '#app',
  components: {
    componentA: ComponentA
  },
  template: `<component-a></component-a>`
})