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
。)
)
)
