Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue.js-正确使用多个Vue实例?_Javascript_Vue.js_Vuejs2_Components - Fatal编程技术网

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

Javascript Vue.js-正确使用多个Vue实例?,javascript,vue.js,vuejs2,components,Javascript,Vue.js,Vuejs2,Components,但是,我的问题与Vue在多大程度上不鼓励所述方法有关 在我的例子中,我面临以下场景:我在一个项目中工作,其中DOM完全由php后端每枝模板提供,并打算通过Vue在前端进一步丰富业务逻辑 可以找到最小的无细枝草图 我知道我失去了Vue.js的反应特性,因为我为讨论中的每个DOM元素创建了一个新的Vue实例。在当前的环境中,这是一个我可以接受的折衷方案,因为它不依赖于跨组件状态更新。但是,以这种形式使用Vue(即多个Vue实例而不是一个父实例)是绝对反模式吗 你只会错过组件之间的反应,而不是组件内部

但是,我的问题与Vue在多大程度上不鼓励所述方法有关

在我的例子中,我面临以下场景:我在一个项目中工作,其中DOM完全由php后端每枝模板提供,并打算通过Vue在前端进一步丰富业务逻辑

可以找到最小的无细枝草图

我知道我失去了Vue.js的反应特性,因为我为讨论中的每个DOM元素创建了一个新的Vue实例。在当前的环境中,这是一个我可以接受的折衷方案,因为它不依赖于跨组件状态更新。但是,以这种形式使用Vue(即多个Vue实例而不是一个父实例)是绝对反模式吗

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