Vue3.0學習入門之快速開發環境搭建

在項目使用Vue.js主要有如下四種方式（官網給出的）：

在頁面上以 CDN 包的形式導入。

下載 JavaScript 文件并自行托管。

使用 npm 安裝它。

使用官方的 CLI 來構建一個項目，它為現代前端工作流程提供了功能齊備的構建設置 (例如，熱重載、保存時的提示等等)。

本博文主要介紹前兩種使用方式，后兩種使用方式會在后續《Vue學習入門之腳手架開發環境搭建》中進行詳細介紹。

1、在頁面上以 CDN 包的形式導入

對于CDN方式，Vue.js框架支持多種CDN的使用方式，下面進行詳細介紹：

1.1、cdnjs方式

（版本號根據需要自行修改）

運行效果如圖：

1.2、unpkg方式

說明：這里只寫了JS引入部分的代碼，其他部分與1.1中代碼一致。

運行效果如圖：

1.3、Staticfile CDN（國內）方式

說明：這里只寫了JS引入部分的代碼，其他部分與1.1中代碼一致。

運行效果如圖：

以上的3種方式中，前兩種是國外的CDN源，最后一種是國內的CDN源，推薦使用國外的CDN源，相對穩定且保證及時更新。

2、下載 JavaScript 文件并自行托管

如果想避免使用構建工具，但又無法在生產環境使用CDN，那么你可以下載Vue相關的.js 文件并自行托管在你的服務器上。然后你可以通過

說明：這里只寫了JS引入部分的代碼，其他部分與1.1中代碼一致。

運行效果如圖：

CDN JavaScript Vue

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。