vue3同一个HTML5页面，通过type="module"创建多个createApp 的例子

Admin | 2025-4-7 19:32:16 | 被阅次数 | 554

温馨提示!

如果未能解决您的问题，请点击搜索；登陆可复制文章，点击登陆

如题所示：代码如下：

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="importmap">
{
"imports": {
"vue": "./js/v3.2.8/vue.esm-browser.js"
}
}
</script>
</head>
<body>
<div id="app">
为什么使用两个大括号：{{ message }}
</div>
<div id="app1">
为什么使用两个大括号：{{ message1 }}
</div>
<script type="module">
import { createApp } from 'vue'
createApp({
setup() {
return {
message: 'Hello Vue!'
}
}
}).mount('#app')
</script>
<script type="module">
import { createApp } from 'vue'
createApp({
setup() {
return {
message1: 'Hello 青山!'
}
}
}).mount('#app1')
</script>
</body>

</html>

请注意上述红色部分哦

该杂文来自：最新技术

上一篇：VUE3在HTML5中调用.js文件

下一篇：c++类class链式调用函数的例子