1.使用Vue-引入

Vue 的本质，就是一个 JavaScript 的库：
刚开始我们不需要把它想象的非常复杂；
我们就把它理解成一个已经帮我们封装好的库；
在项目中可以引入并且使用它即可。

那么安装和使用 Vue 这个 JavaScript 库有哪些方式呢？
方式一：在页面中通过 CDN 的方式来引入；
方式二：下载 Vue 的 JavaScript 文件，并且自己手动引入；
方式三：通过 npm 包管理工具安装使用它（webpack 再讲）。

1.1方式一CDN引入

Vue 的 CDN 引入方式。

如何使用 Vue 实现一个简单的 Hello Vue 案例，包括创建 Vue 应用、定义模板以及挂载应用到 HTML 元素上。

html

预览
<div id="app"></div>
<script src="https://unpkg.com/vue@next"></script>
<script>// Vue相关的代码const app = Vue.createApp({template: '<h2>Hello Vue!</h2>'});// 将app挂载到id为app的div上app.mount('#app');
</script>

1.2方式二：本地方式引入

下载 Vue 的源码，可以直接打开 CDN 的链接：

打开链接，复制其中所有的代码；

创建一个新的文件，比如 vue.js，将代码复制到其中；
通过 script 标签，引入刚才的文件：
<script src="../js/vue.js"></script>
你好啊，Vue3，案例的实现：

代码块

html

预览
<div id="app"></div>
<script src="../js/vue.js"></script>
<script>
const app = Vue.createApp({template: '<h2>你好啊，Vue3</h2>'
});
app.mount('#app');
</script>

<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