目录

1、Ajax

 2、前后端分离

 前端开发工程栈

3、vue组件库element

快速入门

 常见组件——表格

 常见组件——分页

常见组件——对话框Dialog

常见组件——表单

 案例

vue路由 

1、Ajax

概念：Asynchronous JavaScript And XML,异步的JavaScript和xml作用：数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如搜索联想，用户名是否可用的校验等等。

同步与异步

原生Ajax（繁琐）

 Axios入门

 

 2、前后端分离

 

 前端开发工程栈

前端工程化：

模块化：js，css；组件化：UI结构，样式，行为；规范化：目录结构，编码，接口自动化：构建，部署，测试

环境准备：

 安装nodejs，Node.js 中文网安装长期维护版在命令行界面通过node -v 查看版本号，看是否安装成功；配置npm的全局安装路径，执行命令如下：（以管理员身份运行）

npm config set prefix "D:\NodeJS"

切换npm的淘宝镜像

npm config set registry https://registry.npm.taobao.org

 vue项目创建

命令行：vue create vue-project01图形化界面：vue-ui

创建vue项目，先创建一个vue文件夹，进入文件夹输入cmd进入命令行界面，输入vue ui调出图形化界面；

点击创建

vue项目-目录结构

 

在main.js中， import 导入组件

vue的组件文件以.vue结尾，每个组件由三个部分组成：