Spring Boot+Vue前後端分離商城實戰(八)Vue 指令介紹

準備工作

學習一門新的框架語言,我個人認爲最好的方式就是去它的官網把相應的生命週期以及 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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章