【vue2.0】day5

一、动态组件

1 什么是动态组件

动态组件指的是动态切换组件的显示与隐藏。

2 如何渲染动态组件

3 使用 keep-alive 保持状态

4 keep-alive 对应的生命周期函数

5 keep-alive 的 include 属性

二、插槽

1 什么是插槽

2 体验插槽的基础用法

2. 1 没有预留插槽的内容会被丢弃

2.2 后备内容

3 具名插槽

3.1 为具名插槽提供内容

3.2 具名插槽的简写形式

4 作用域插槽

4.1 使用作用域插槽

4.2 解构插槽 Prop

5 基于slot改造购物车案例

---

三、自定义指令

vue 官方除了提供了 v-text、v-for、v-model、v-if 等常用的指令。除此之外 vue 还允许开发者自定义指令。
其中，自定义指令分为：

1. 私有自定义指令
2. 全局自定义指令

1 私有自定义指令

2 使用自定义指令

3 为自定义指令动态绑定参数值

4 通过 binding 获取指令的参数值

5 update 函数

6 函数简写

如果 bind 和update 函数中的逻辑完全相同，则对象格式的自定义指令可以简写成函数格式：

7 全局自定义指令

全局声明的自定义指令、过滤器等要定义到main.js文件中

一般自定义指令都是用全局自定义指令

---

四、ESlint

ESLint是一个可组装的JavaScript和JSX检查工具

关于ESLint的介绍、配置、语法规则请点击查看视频

六、axios挂在到vue原型上

在main.js中进行配置，

这样相当于把axios挂载到了全局，不用再每个vue组件中单独import axios了

还可以全局配置axios的请求根路径

缺点： 不利用接口API 的复用，如果多个组件里面需要请求数据，仍然需要在每个组件中去使用axios发起请求。（不是最优方案，但是这是一种方案）