Vue实例可以挂载多个DOM元素吗

<body>
    <div id="app">
     
    </div>
    <div id="test">
      
    </div>
    <script src="../js/vue.js"></script>
    <script>
        const app = new Vue({
            el: '#app',
        });

        const test = new Vue({
            el: '#test',
        });
    </script>
</body>

代码块中,app实例和test实例分别挂载一个DOM元素,我想问vue实例和DOM元素是一对一的关系吗?即el参数只能挂载一个dom元素吗?为什么不是一对多?

阅读 3.1k
2 个回答

要不换个角度?你把 data 共享了?

这样的话,数据驱动视图。看上去和共享一样。

只能一对一,如果有多个 class vue 也只挂载第一个。

不过一个页面用一个vue 实例就可以了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题