使用步骤
代码
<!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使用就完成了。