Vue2

一. Vue概述 尤雨溪：Vue.js的创建者 2016年5月，Vue2发布 2020年9月，Vue3发布 Vue： (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架 渐进

1 - 表单操作 1. 基于Vue的表单操作 Input 单行文本 textarea 多行文本 select 下拉多选 radio 单选框 checkbox 多选框 v-model是双向数据绑定一个指

代码地址：Vue案例 1 - 案例步骤 静态列表效果 基于数据实现模板效果 处理每行的操作按钮 1. 提供的静态数据 数据存放在 vue 中 data 属性中 2. 把提供好的数据渲染到页面上 利用

组件 (Component) 是 Vue.js 最强大的功能之一，组件可以扩展 HTML 元素，封装可重用的代码。 1 - 组件化规范：Web Components 我们自定义组件的问题： 我们希望尽

1 - 前端接口调用方式 原生ajax 基于jQuery的ajax fetch axios 2 - 接口调用-fetch API Fetch API是新的ajax解决方案，是标准化组织制定的新的规范，

1 - 后端路由和前端路由 路由是一个比较广义和抽象的概念，路由的本质就是对应关系，在开发中，路由分为：后端路由、前端路由。 1. 后端路由 概念：根据不同的用户 URL 请求，返回不同的内容 本质：

1 - 模块化概述 传统开发模式的主要问题：① 命名冲突，② 文件依赖 通过模块化解决上述问题： 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成

1. 当前 Web 开发面临的困境 文件依赖关系错综复杂 静态资源请求效率低 模块化支持不友好 浏览器对高级 Javascript 特性兼容程度较低 … 2. webpack 概述 webpack 是

1. 传统组件的问题和解决方案 问题： 字符串模板缺乏语法高亮，在 HTML 有多行的时候，需要用到丑陋的 \ 不支持 CSS 意味着当 HTML 和 JavaScript 组件化时，CSS 明显被遗

1. Vue 脚手架的基本用法 在没有Vue脚手架的时候，我们需要手动搭建webpack项目、手动去配置vue，现在有了Vue脚手架，我们就可以通过命令行的形式快速生成vue项目的基础架构。其官网地址

## 一. Element-UI 的基本使用 Element-UI：一套为开发者、设计师和产品经理准备的基于 Vue2 的桌面端组件库，是饿了么团队开发的，如果是Vue3，可以使用Element-Pl

一. 电商项目概述 1. 如何运行项目 代码地址：Vue电商后台管理系统 运行服务端接口项目（vue_api_server） 打开终端，cd到vue_api_server 执行node install

一. 登录功能 1 - 登录-token原理分析 因为http是无状态的，所以我们有两种方式记住登录状态： 如果服务器和客户端同源，通过 cookie 在客户端记录状态，通过 session 在服务器

一. Vuex 概述 1. 组件之间数据传递的方式 父向子传值：v-bind 属性绑定 子向父传值：v-on 事件绑定 兄弟组件之间共享数据：EventBus 上面这三种方案只适合小范围内的数据共享，

一. 项目介绍 项目模仿的是支付宝首页-饿了么界面的大部分功能。 使用的是Vue2，VueCli3脚手架。 我们使用Mint UI。我们都知道饿了么大前端团队出的Element-UI是用于PC端的UI