【Vue3 基础篇】01.初识 Vue
在 Vue 中，可以通过 CDN 引入 Vue 或者下载到本地来使用。以下是一个简单的 Vue 示例，演示如何创建一个 Vue 应用。
HTML 文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue 3 初识</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script>
const App = {
data() {
return {
message: 'Hello Vue 3!'
}
}
}
Vue.createApp(App).mount('#app')
</script>
</body>
</html>在这个例子中，我们创建了一个 Vue 应用，并将其挂载到页面上 ID 为 app 的元素上。应用的数据对象中包含一个 message 属性，它被绑定到模板中，显示 "Hello Vue 3!"。这是 Vue 3 的基本用法，它演示了如何创建一个响应式的数据绑定。
评论已关闭