待课上补充待课上补充、、
测试平台总览
Vue 最原始状态
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="../js/vue.js"></script>
</head>
<body>
<div id="app">
<!-- 花括号代表变量 -->
<p>{{mssage}}</p>
</div>
</body>
<script>
// const 是常量的意思
// 初始化，相当于 python 中的类的实例化
const v = new Vue({
// 挂载，指定 vue 的作用范围
el: "#app",
// 设置一组数据
data: {
mssage: "你好"
}
});
</script>
</html>
使用简单，结构清晰，但是不好用。
vue-cli
帮助我们，快速生成 Vue 项目。
使用 vue create 项目名 命令可以创建一个空的 Vue 项目，项目创建完成后，可以在项目的根目录下使用 npm run serve 启动一个静态服务，辅助我们进行前端开发。
但是， 上面创建的项目只是空壳子，还需要其它组件，比如 Vue Router ， Vuetify 。
Vue Router官网：Vue Router | Vue.js 的官方路由
Vuetify官网：Vuetify — A Vue Component Framework
- Vue Router：Vue 的路由管理工具，把页面跟 url 进行对应。
- Vuetify：组件库，内部有大量好看的组件，可供我们使用。
上述完成后，就有了 Vue 的基本框架。
axios
让前端可以发送 http 请求，让前端可以从后端拿数据。
官网：GitHub - axios/axios: Promise based HTTP client for the browser and node.js
安装
npm install axios
新建 .js 文件，比如 http.js ，在文件中编写 js 代码如下：
import axios from "axios";
// 初始化一个 axios 类, 可以发送 http 请求
const instance = axios.create({
// 服务的基地址
baseURL: "http://localhost:5000",
// 超时时间
timeout: 1000,
});
// 导出 instance , 只有导入后, 其它文件才能使用 instance
export default instance;