好文档 - 专业文书写作范文服务资料分享网站

Vue.js前端开发技术-自定义指令 - 图文

天下 分享 时间: 加入收藏 我要投稿 点赞
10

第6章 自定义指令

课程目标

nVue 除了基本指令外,允许用户自 定义指令,自定义指令是对基本指令的扩展与补充。

n本章介绍自定义指令,注册全局以及局部自定义指令。

n通过学习自定义指令更加深入了解钩子函数的作用,钩子函数参数在自定义指令的使用。

2

n 自定义指令

n 注册全局

n 局部自定义指令n 钩子函数 n 钩子函数参数 n 指令参数 n 对象字面量

课程内容

3

6.1 自定义指令概述

n除了 Vue 提供的基本指令外(如 v-model 和 v-show ), Vue 也允许注册自定义指令。自定义指令是用来操作 DOM 的。自定义指令就是一种有效的补充和扩展,不仅可用于定义任何的 DOM 操作,并且是可复用的。

n自定义指令分为全局指令和局部指令。

4

6.1.1 自定义全局指令

n打开百度首页,搜索输入框就是直接获取焦点的。如图 6-1 所示。该功能其实可以通过注册一个全局指令 v-focus, 该指令的功能是在页面加载时,元素获得焦点。

图 6-1 获取焦点

5

Vue.js前端开发技术-自定义指令 - 图文

第6章自定义指令课程目标nVue除了基本指令外,允许用户自定义指令,自定义指令是对基本指令的扩展与补充。n本章介绍自定义指令,注册全局以及局部自定义指令。n通过学习自定义指令更加深入了解钩子函数的作用,钩子函数参数在自定义指令的使用。2n自定义指令n注册全局n局
推荐度:
点击下载文档文档为doc格式
3oyk62epsz2teb88j4i568ub00wtu60062f
领取福利

微信扫码领取福利

Scan me!

微信扫码分享

闃呰骞舵帴鍙椼€婄敤鎴峰崗璁€�
娉細鍚勭櫥褰曡处鎴锋棤鍏宠仈锛佽浠呯敤涓€绉嶆柟寮忕櫥褰曘€�


鐢ㄦ埛娉ㄥ唽鍗忚

涓€銆� 鏈綉绔欒繍鐢ㄥ紑婧愮殑缃戠珯绋嬪簭骞冲彴锛岄€氳繃鍥介檯浜掕仈缃戠粶绛夋墜娈典负浼氬憳鎴栨父瀹㈡彁渚涚▼搴忎唬鐮佹垨鑰呮枃绔犱俊鎭瓑鏈嶅姟銆傛湰缃戠珯鏈夋潈鍦ㄥ繀瑕佹椂淇敼鏈嶅姟鏉℃锛屾湇鍔℃潯娆句竴鏃﹀彂鐢熷彉鍔紝灏嗕細鍦ㄩ噸瑕侀〉闈笂鎻愮ず淇敼鍐呭鎴栭€氳繃鍏朵粬褰㈠紡鍛婄煡浼氬憳銆傚鏋滀細鍛樹笉鍚屾剰鎵€鏀瑰姩鐨勫唴瀹癸紝鍙互涓诲姩鍙栨秷鑾峰緱鐨勭綉缁滄湇鍔°€傚鏋滀細鍛樼户缁韩鐢ㄧ綉缁滄湇鍔★紝鍒欒涓烘帴鍙楁湇鍔℃潯娆剧殑鍙樺姩銆傜綉绔欎繚鐣欓殢鏃朵慨鏀规垨涓柇鏈嶅姟鑰屼笉闇€鐭ョ収浼氬憳鐨勬潈鍒┿€傛湰绔欒浣夸慨鏀规垨涓柇鏈嶅姟鐨勬潈鍒╋紝涓嶉渶瀵逛細鍛樻垨绗笁鏂硅礋璐c€�

鍏抽棴