通过添加多个不同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")
效果: