使用步骤
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<h1>{{message}}</h1>
</div>
<script type="module">
import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';
createApp({
data(){
return{
message:"hello world"
}
}
}).mount("#app");
</script>
</body>
</html>
引入官方提供的VUE组件,然后填写信息。
用 createApp 创建了一个 Vue 应用实例,并且通过 mount 把它挂载到一个 HTML 元素上。
通过过 data 方法,定义了应用的数据,并通过模板语法 {{ }} 来显示这些数据。
这样子 一个简单的VUE使用就完成了。