Vue.js - 正确使用多个 Vue 实例？

Question

我的问题与this one 有点相关，但是，我不清楚 Vue 在多大程度上不鼓励所描述的方法。

在我的情况下，我面临以下情况：我在一个项目中工作，其中 DOM 完全由每个 twig 模板的 php 后端提供，并且旨在通过 Vue 在前端进一步丰富业务逻辑。

可以找到一个最小的无树枝草图here

我知道，通过为每个有问题的 DOM 元素创建一个新的 Vue 实例，我失去了 Vue.js 的反应性功能。在当前情况下，这是我可以接受的折衷方案，因为不依赖于跨组件状态更新。但是，以这种形式使用 Vue 是否是一种绝对的反模式，即多个 Vue 实例而不是一个父实例？

Answer 1

1. 您只会错过组件之间的反应性，而不是组件内的反应。
2. 您仍然可以通过使用额外的共享 Vue 实例或共享反应状态在组件之间进行反应。

如果隔离是您的目标，这不是反模式。