通过添加多个不同ID的盒子,可以在JS文件中添加对应的代码:

<div id="app">
  <p>Hey {{firstName}}, {{lastName}}</p>
</div>
 
<div id="app1">
  <p>Hey {{firstName}}, {{lastName}}</p>
</div>
Vue.createApp({
    data() {
        return {
            firstName: 'John',
            lastName: 'apple'
        }
    }
}).mount("#app")
 
Vue.createApp({
    data() {
        return {
            firstName: 'John',
            lastName: 'apple'
        }
    }
}).mount("#app1")

效果: