4.1Vue基本使用
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