html中使用vue3（清晰易懂）
在HTML中使用Vue 3，你需要引入Vue的CDN链接，并在HTML文件中编写Vue代码。以下是一个简单的HTML示例，展示了如何使用Vue 3：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vue 3 Example</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script>
Vue.createApp({
data() {
return {
message: 'Hello Vue 3!'
}
}
}).mount('#app');
</script>
</body>
</html>在这个例子中，我们通过script标签引入了Vue 3的CDN链接。然后，我们创建了一个新的Vue应用程序，并将其挂载到页面上ID为app的元素上。在{{ message }}中，我们使用了Vue的插值表达式来显示数据属性message的值。当页面加载时，"Hello Vue 3!"将显示在相应的位置。
评论已关闭