一、动态组件
1 什么是动态组件
动态组件指的是动态切换组件的显示与隐藏。
2 如何渲染动态组件
3 使用 keep-alive 保持状态
4 keep-alive 对应的生命周期函数
5 keep-alive 的 include 属性
二、插槽
1 什么是插槽
2 体验插槽的基础用法
2. 1 没有预留插槽的内容会被丢弃
2.2 后备内容
3 具名插槽
3.1 为具名插槽提供内容![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e70f3354393eef51fb21fa46f15b0437.png)
3.2 具名插槽的简写形式![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/54f9825fb2b5135bac6807506e17f7bc.png)
4 作用域插槽![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/52bdd8e04fe85ff57b9517d2c85b5f2d.png)
4.1 使用作用域插槽
4.2 解构插槽 Prop
5 基于slot改造购物车案例
三、自定义指令
vue 官方除了提供了 v-text、v-for、v-model、v-if 等常用的指令。除此之外 vue 还允许开发者自定义指令。
其中,自定义指令分为:
- 私有自定义指令
- 全局自定义指令
1 私有自定义指令
2 使用自定义指令
3 为自定义指令动态绑定参数值
4 通过 binding 获取指令的参数值
5 update 函数
6 函数简写
如果 bind 和update 函数中的逻辑完全相同,则对象格式的自定义指令可以简写成函数格式:
7 全局自定义指令
全局声明的自定义指令、过滤器等要定义到main.js
文件中
一般自定义指令都是用全局自定义指令
四、ESlint
ESLint是一个可组装的JavaScript和JSX检查工具
六、axios挂在到vue原型上
在main.js
中进行配置,
这样相当于把axios挂载到了全局,不用再每个vue组件中单独import axios
了
还可以全局配置axios的请求根路径
缺点: 不利用接口API 的复用,如果多个组件里面需要请求数据,仍然需要在每个组件中去使用axios发起请求。(不是最优方案,但是这是一种方案)