Vue pass value from creative div to new Vue compoennt

Question

The question is. I am using Vue into simple html page. In one place I inject Vue via <div id="app"></div>. So can I some how pass value via data attribute or any other way into new Vue element that will be created here? By the way after Vue work my div to which I am connecting will be replaced by root Vue element. Can anyone help me, please?

Answer 1

I hope I understood a thing. If you don't need your data being reactive you may use $options:

let someData = {...}

new Vue({
  el: rootComponentElement,
  someKeyValue: someData,
  render: h => h(rootComponent)
})

and then call it via $root.$options.someKeyValue