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

Question

我的问题与这个有点相关，但是，我不清楚在多大程度上所描述的方法被 Vue 积极劝阻。

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

可以在此处找到最小的无树枝草图

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

Answer 1

您只会错过组件之间的反应性，而不是组件内部的反应性。通过使用额外的共享 Vue 实例或共享反应状态，您仍然可以在组件之间进行反应。如果隔离是您的目标，那么它不是反模式。