美文网首页Vue3Vue3.0+TS
Vue3+TS Day18 - 自定义指令directive、t

Vue3+TS Day18 - 自定义指令directive、t

作者: 望穿秋水小作坊 | 来源:发表于2021-12-13 17:01 被阅读0次

一、自定义指令

1、自定义指令中的指令,类似于哪些指令?什么情况下适合使用自定义指令?

image.png

2、默认方法实现【input标签mouted自动聚焦】

image.png

3、局部自定义指令实现【input标签mouted自动聚焦】

image.png

4、全局实现自定义指令【input标签mouted自动聚焦】

image.png

5、指令的生命周期、参数、修饰符

image.png image.png

6、自定义指令练习

image.png image.png

二、teleport标签、vue插件

1、什么是Teleport?(了解)

image.png image.png image.png image.png

2、什么时候会使用到vue插件?

  • 通常我们【向vue全局添加一些功能时】,会采用采用插件模式。


    image.png
image.png

相关文章

网友评论

    本文标题:Vue3+TS Day18 - 自定义指令directive、t

    本文链接:https://www.haomeiwen.com/subject/hvzjfrtx.html