准备工作
学习一门新的框架语言，我个人认为最好的方式就是去它的官网把相应的生命周期以及 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