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

Question

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

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

可以在这里找到一个最小的无树枝草图

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

标签： javascriptvue.jsvuejs2components

Answer 1

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

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