vue2

// @/utils/request.js import axios from 'axios'; import { Toast } from 'vant';

1.顶部 NavBar 组件 ‍ 2.底部 tabbar 组件 ‍ - 购物车小圆点 info ‍ 3.配置主体路由 to 同 vue-router 的to 配置404 redirect 重定向到首页

1.vue-cli - 基本使用 __ 1.安装全局的工具包 __ 2.查看版本 ‍ __ 3.创建项目 -- cmd 创建 ‍ -- 可视化创建 ‍ -- 使用旧版 vue/cli ‍ -- vue

1.MVC 针对后端的分层方式 - model 数据连接层 - view 视图层 .html .jsp... - controller 控制层 router 路由分发 service 业务逻辑处理 -

1.渲染数据 - 插值表达式 ‍ - 解决插值表达式的页面闪烁问题 - v-html - v-text - v-pre ‍ 2.属性绑定 - class 样式绑定 __ v-bind -string

vue 生命周期 -- 页面从创建到消亡的过程中，自动执行的回调函数。让开发者有机会在特定阶段运行自己的代码。

1.在线mock fastmock.site 2.json-server npmjs.com/package/json-server - 安装 json-server - 创建 data.json

1.vue-resource 基于 vue 开发的网络请求，2.0 之后不更新了，不推荐使用 ‍ 2.axios https://www.npmjs.com/package/axios 任何框架都可以

1.全局过滤器 2.局部过滤器 ps--当全局过滤器和局部过滤器同时存在的时候，就近使用局部过滤器 3.使用场景 插值表达式 {{ msg | 过滤器名称 }} 属性绑定 :msg = "msg |

Vue.directive('指令名称', obj) 简化 相当于执行了bind , updated ‍

进入 离开 1.原生动画的基本使用 1.可切换的元素 2.使用 transition 包裹动画元素 3.设置动画的样式 2.第三方动画 animate.css enter-active-class 设

1.什么是组件化 针对前端 ui 的一种对应关系，把前端的业务分成多个组件单独管理 2.组件化思想 组件化思想让开发者能开发出1个个独立课复用的小组件来构造应用 每1个应用都可以抽象成1个组件树 尽可

1.匿名插槽 ‍ 2.具名插槽 ‍ 3.作用域插槽 ‍ 4.插槽的优点 1.可以在父组件定制子组件的 ui 2.可以解决多层组件传参问题 3.可以对组件进行抽离，方便管理 ‍ 5.v-slot vue

路由是一种对应关系 1.什么是后端路由 客户端请求的 url 地址和服务端对该地址的处理函数的对应关系 ‍ 2.什么是前端路由 前端路由就是根据不同的 url 地址展示不同的内容或页面 - hash

vant2 安装 改变全局引入或按需引入需要重启 全局注册方式 按需引入方式 一键添加方式 抽离 ‍