一、自定义指令
1、自定义指令中的指令,类似于哪些指令?什么情况下适合使用自定义指令?
![](https://img.haomeiwen.com/i13946897/92fdb5df479eade0.png)
2、默认方法实现【input标签mouted自动聚焦】
![](https://img.haomeiwen.com/i13946897/ca419edf221f7c62.png)
3、局部自定义指令实现【input标签mouted自动聚焦】
![](https://img.haomeiwen.com/i13946897/8f9a58b7795827f8.png)
4、全局实现自定义指令【input标签mouted自动聚焦】
![](https://img.haomeiwen.com/i13946897/eaa65b743aafa256.png)
5、指令的生命周期、参数、修饰符
![](https://img.haomeiwen.com/i13946897/f7f1e4cff14c13e5.png)
![](https://img.haomeiwen.com/i13946897/45a3bf0fbc796ab0.png)
6、自定义指令练习
![](https://img.haomeiwen.com/i13946897/519897d4eaa4c742.png)
![](https://img.haomeiwen.com/i13946897/10d6b7660843f88c.png)
二、teleport标签、vue插件
1、什么是Teleport?(了解)
![](https://img.haomeiwen.com/i13946897/c4d45cbbccbd579f.png)
![](https://img.haomeiwen.com/i13946897/687ded0139eb5d48.png)
![](https://img.haomeiwen.com/i13946897/d745a19585a22874.png)
![](https://img.haomeiwen.com/i13946897/1ddfeec0b3b6c53f.png)
2、什么时候会使用到vue插件?
-
通常我们【向vue全局添加一些功能时】,会采用采用插件模式。
image.png
![](https://img.haomeiwen.com/i13946897/bad7aacb9c959cd3.png)
网友评论