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

时间:2020-07-21 14:30:48

标签: javascript vue.js vuejs2 components

我的问题与this one有点相关,但是,对于我来说,Vue在何种程度上不鼓励所描述的方法并不明显。

在我的情况下,我遇到以下情况:我在一个项目中工作,其中DOM完全由每个树枝模板的php后端提供,并且打算通过Vue在前端进行进一步的业务逻辑充实。

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

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

1 个答案:

答案 0 :(得分:1)

  1. 您只会错过组件之间的反应性,而不会错过组件内部的反应性。
  2. 通过使用其他共享的Vue实例或共享的反应状态,您仍然可以在组件之间保持反应性。

如果隔离是您的目标,则不是反模式。