Xmind鸟瞰图：
简单文字总结：
vue知识总结：
创建vue脚手架：
1.安装Node.js：Vue CLI作为一个npm包，需要Node.js来安装和运行。
2.安装Vue CLI：cmd指令 npm install -g @vue/cli
3.创建Vue项目：vue create 项目名
4.启动服务器：npm run serve
Vue脚手架生成的主要项目文件：
1.node_modules # 项目依赖的第三方包
2.public # 静态文件目录
3.src # 业务文件夹
4.assets # 静态资源
5.components # 组件目录
6.App.vue # 整个应用的根组件
7.main.js # 入口js文件
8.gitignore # git提交忽略配置
9.babel.config.js # js编译器，兼容低版本的浏览器
10.jsconfig.json # 更改默认的webpack配置文件
11.package.json # 依赖包列表
12.README.md # 项目说明
13.packge-lock.json # 项目包版本锁定
14.vue.config.js # vue文件编译时的配置文件
v-bind的使用：
1.作用：用于动态绑定元素的属性
2.语法格式：v-bind:属性名 v-bind可以简写为 ：
3.绑定到类（class）和样式（style）
分支结构(v-if)：
1.v-if指令用于根据表达式的真假值来条件性地渲染元素。
2.v-else-if和v-else指令必须紧跟在v-if或v-else-if元素之后，用于处理多路分支逻辑。
3.与v-if不同，v-show指令只是根据条件简单地切换元素的CSS属性display。
循环结构(v-for)：
1.v-for的语法是item in items items是数据源 item 数组的每一项
2.可以遍历数组与对象
3.可以循环嵌套
