基于 vue-theme-hope 的博客搭建指南
在构建博客时，推荐参照官方文档进行构建，本文知识大致介绍与提出基本概念，帮助大家快速构建博客。
...大约 4 分钟
Vue 核心
1.1、Vue 对象
想要 Vue 工作必须要创建 Vue 实例，并传入一个 配置对象
el ：绑定容器
容器 与 Vue实例 关系：一对一
Vue实例 与 组件 配合使用
容器中的代码符合 html 规范，并且加入了特殊的 Vue 语法 （Vue 模板）
...大约 24 分钟
Vue组件
组件定义：
组件：实现应用中 局部 功能 代码 和 资源 的 集合
组件化：当应用中的功能都是多组件的方式来编写的, 那这个应用就是一个组件化的应用
注：
模块：向外提供特定功能的 js 程序, 一般就是一个 js 文件
模块化：当应用中的 js 都以模块来编写的, 那这个应用就是一个模块化的应用。
1.1、非单文件组件
非单文件组件：一个文件中包含 n 个组件
...大约 5 分钟
Vue 脚手架
Vue 脚手架 是 Vue 官方提供的标准化开发工具（开发平台）
Vue 脚手架：Vue CLI (command line interface)
全局安装 @vue/cli ：
npm install -g @vue/cli
...大约 12 分钟
Vue 中的 Ajax
1.1、Ajax 跨域问题 （代理服务器）
请求的发送：
① ajax （xhr）
② axios （对 xhr 的封装）
③ fetch（window 对象自带的 fetch() 函数，不常用）
④ vue-resource （对 xhr 的封装，用的不多）
解决 ajax 跨域问题的常用方法：
① jsonp （几乎不用）
② CORS （完全在服务器中进行，设置响应头 Access-Control-Allow-Origin）
③ 配置代理服务器 （nginx 或 借助 vue-cli vue脚手架 解决）
...大约 2 分钟
...大约 3 分钟
vuex
vuex 概念：专门在 Vue 中实现 集中式状态（数据）管理 的一个 Vue 插件，对 vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种 组件间通信 的方式，且 适用于任意组件间通信。
...大约 9 分钟
vue-router 路由
1.1、相关概念
SPA
vue-router ：vue 的一个插件库，专门用来实现 SPA 应用
对 SPA 应用的理解 :
- 单页 Web 应用（single page web application，SPA）
- 整个应用只有一个完整的页面
- 点击页面中的 导航链接 不会刷新页面，只会做页面的 局部更新
- 数据需要通过 ajax 请求获取。
...大约 10 分钟
Vue UI 组件库
PC 端常用 UI 组件库
- Element UI https://element-plus.org/zh-CN/#/zh-CN
- IView UI https://www.iviewui.com
...小于 1 分钟