vue.js - 从 DOM 元素获取 Vue 数据绑定模型

我是 Vue 的新手，并且更习惯于给定框架，到目前为止我发现我经常需要扭转我思考问题的方式来解决它，但我似乎无法重新解决这个问题。

假设一个外部库返回一个 DOM 元素...并且该 DOM 元素通过 Vue 绑定到虚拟 DOM 中的数据元素...如何访问数据绑定元素？

例如

var myArray = [{id: 0, name: 'foo'}, {id: 2, name: 'bar'}];
...
<li v-for="(item, i) in this.myArray" :key="i" :id="item.id"  >{{item.id}}</li>

假设我可以访问 DOM 元素

<li id="0">0</li>

是否有一种Vue 方法可以从 DOM 元素中获取原始绑定对象？

我意识到我可以检查 DOM 元素的 ID 并手动在我的数组中搜索模型中的匹配项。但是对于更复杂/嵌套的场景，这变得不那么微不足道了。

我假设有一些实用程序可以直接从 DOM 元素获取 VNode 或绑定数据模型......但只通过 $refs 等找到了相反的方法。

标签： vue.js