阅读提示:本文共计约2618个文字,预计阅读时间需要大约7分钟,由作者碗盘收纳编辑整理创作于2023年11月06日13时12分15秒。
内容:
要在Vue 3中引入CDN库,您需要使用<script>
标签将库文件添加到HTML代码中。以下是一个示例,说明如何在指定页面加载CDN上的Vue.js库:
<script src="https://unpkg.com/vue@3.2.47/dist/vue.global.prod.js"></script>
请注意,您需要将版本号替换为所需的Vue.js版本。在这个例子中,我们使用了Vue 3.2.47。

- 在引入库之后,您需要在HTML文件的
<body>
部分编写Vue应用程序。例如:
<body>
<div id="app">
{{ message }}
</div>
<script>
// 创建Vue实例
const app = Vue.createApp({
data() {
return {
message: 'Hello Vue!'
};
}
});
// 挂载Vue实例
app.mount('#app');
</script>
</body>
现在,当您在浏览器中打开HTML文件时,您应该能看到“Hello Vue!”文本,这表明Vue.js已成功加载并在指定页面运行。