準備工作
學習一門新的框架語言,我個人認爲最好的方式就是去它的官網把相應的生命週期以及 API 都用 Demo 的形式實操一遍。那麼本課程也不例外,帶大家簡單瞭解一下 Vue 的指令和生命週期,等實戰環節的時候,會講解的更加細緻一些。
首先這裏講解 Vue 的兩種使用形式。第一種是直接把 Vue 靜態文件引入 script 標籤;第二種是通過包安裝的形式,下載到 package.json 項目中。這裏方便起見,我們採用第一種形式。
Live Server
在 VS Code 插件篇我們提過 Live Server
插件,它的作用是在保存文件時自動刷新頁面。我們不妨來複習一下使用方法。
1、安裝 Live Server
2、打開 VS Code 編輯器,創建 VueDemo 文件夾,新建一個 index.html 文件,代碼如下:
<!DOCTYPE html>
<html lang="en