web前端-vue,ajax

前端js框架，MVVM模型

双向绑定
在 Vue 中，v-model 实现的是 双向绑定（Two-Way Data Binding），它绑定的两个东西是：

1. Vue 组件/实例的 data 中的变量（数据模型）
2. input、textarea、select等表单元素的 value 属性（视图）
   data.message <==> input.value

常用指令
v-bind 为html标签绑定属性值，如设置href，简写为：
v-model 在表单元素上创建双向数据绑定
v-on进行事件绑定（等于绑定函数） 简写为@

v-if v-else-if v-show 区别，前面是根据条件确定是否渲染，后面是无论条件满不满足都渲染，但是根据元素的display属性值来确定是否展示
v-for 遍历数据

引入vue文件，定义了一个vue对象，定义vue接管区域app

Ajax
作用：数据交换，异步交互
同步请求VS异步请求
前后端进行交互时主流的数据格式就是json格式

axios
对原生ajax的封装

简写

当前主流的开发模式：前后端分离开发
接口文档，功能
需求分析——>接口定义——>前后端并行——>开发测试——>前后端联调测试
apifox 接口管理平台https://mock.apifox.cn/m1/3083103-0-default/emps/list

前端工程化：是指在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。
安装了nodeJS与vue cli nodejs是JS的运行环境，npm是nodejs的包管理工具
基于Vue脚手架创建出来的工程的目录结构

热部署
组件vue的结构

入口程序main.js，首页index.html都很少操作，主要操作vue文件

Element：是基于vue2.0的组件库
工程项目下下载库
入口文件引入element-ui
访问官网，复制代码调整

组件介绍 略

是 v-bind: 的简写，用于属性绑定,
@ 是 v-on: 的简写，用于事件绑定

element案例 创建页面整体规划--做组件--列表数据异步加载，并渲染展示
template 标签的插槽用法，并且都使用了 slot-scope="scope" 来获取当前行的数据

Vue路由 使用axios，vue router都需要安装，导入
router-view router-link 通过路由组织展现的组件

打包部署
Nginx 是一种高性能的 Web 服务器 和 反向代理服务器