老师什么是自定义指令,代码也有写不懂

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2022-05-27 16:55:25

同学你好,解答如下:

1、自定义指令就是指“我们自创指令”。vue中提供了很多内置指令,比如v-if,我们可以直接拿过来使用。如果我们想自己创造一个指令(创造vue中不存在的指令),那么该指令就是自定义指令。

2、自定义指令,基本格式如下:

https://img1.sycdn.imooc.com//climg/62908ff309ff160104590034.jpg

对应代码如下:

https://img1.sycdn.imooc.com//climg/62909034099b3ea005510197.jpg

mounted这个方法会在“指令挂载到dom元素上,并且dom元素被挂载到页面上执行,是app.directive方法自带的方法。

自定义focus指令,含义是“当指令挂载完成,dom元素渲染完成,就让指令所在的dom元素,获取焦点”:

https://img1.sycdn.imooc.com//climg/6290916109210f0c03010235.jpg

https://img1.sycdn.imooc.com//climg/6290918c09c6963706960515.jpg

指令比较难,实际开发中,用的较少,属于比较高级的内容,如果实在不理解,建议跳过该节。

祝学习愉快!

  • 提问者 球球不一般 #1

    老师跳行,跳到乃节啊

    2022-05-27 16:59:48
  • 提问者 球球不一般 #2

    https://img1.sycdn.imooc.com//climg/629095e709f381e012630794.jpg

    https://img1.sycdn.imooc.com//climg/6290960d097f75fe13730557.jpg老师能解释下这句话吗

    mounted这个方法会在“指令挂载到dom元素上,并且dom元素被挂载到页面上执行,是app.directive方法自带的方法。

    自定义focus指令,含义是“当指令挂载完成,dom元素渲染完成,就让指令所在的dom元素,获取焦点”:


    2022-05-27 17:13:09
  • 好帮手慕久久 回复 提问者 球球不一般 #3

    解答如下:

    1、每节课有名字,鼠标移入就能看到:

    https://img1.sycdn.imooc.com//climg/6290a203092efc3f06700138.jpg

    指令一共就两节课程,所以跳两节就行了:

    https://img1.sycdn.imooc.com//climg/6290a228093a1fb306710211.jpg

    自定义指令,用的很少,几乎不会用到。如果听不懂,可以跳过,学完了vue项目后,可以回头再学,看看能不能听懂。一般情况下,有了开发经验、知识点理解的深一些后,再回头学难的东西,会比较容易接受。

    2、“指令挂载到dom元素上,并且dom元素被挂载到页面上”这句话,可以简单理解成“绑定指令的dom元素被渲染到页面上时触发”。比如自定义的focus指令是绑定在input上的:

    https://img1.sycdn.imooc.com//climg/6290a350096ea37504520377.jpg

    当input标签被渲染到页面上时,就会触发指令中的mounted方法:

    https://img1.sycdn.imooc.com//climg/6290a38b099fe64905180508.jpg

    2022-05-27 18:29:18
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师