Vue 将值从创意 div 传递到新的 Vue 组件

【问题标题】：Vue pass value from creative div to new Vue compoenntVue 将值从创意 div 传递到新的 Vue 组件
【发布时间】：2019-02-05 11:07:00
【问题描述】：

问题是。我在简单的 html 页面中使用 Vue。在一个地方，我通过<div id="app"></div> 注入了 Vue。那么我可以通过数据属性或任何其他方式将值传递到将在此处创建的新 Vue 元素中吗？顺便说一句，在 Vue 工作后，我连接的 div 将被根 Vue 元素替换。有人可以帮帮我吗？

【问题讨论】：

你的意思是要初始化Vue实例属性el而不是元素id？

标签： javascript vue.js vuejs2

【解决方案1】：

我希望我理解了一件事。如果你不需要你的数据是被动的，你可以使用$options:

let someData = {...}

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

然后通过$root.$options.someKeyValue调用它

【讨论】：

非常感谢！这行得通。我也找到了另一种解决方案。在我的情况下，我用 Vue 编写了一些表单并将其简单地注入到 html 页面中。 Vue 在任何地方都不再使用。但事实证明，我的 Vue 组件需要获取一些无法通过 api 调用访问的数据。我的解决方案是用另一个 div 包装 div#app 并将所有必要的值传递给 data attr。然后在 Vue 组件的 store 中通过 this.$root.parentNode 获取值