《Vue应用开发》课件——4.3.4为自定义指令绑定参数.pptxVIP

掌握全局自定义指令的使用方法，能够使用对象形式和函数形式来声明全局自定义指令4.3.3全局自定义指令的声明与使用先定一个小目标！

4.3.3全局自定义指令的声明与使用全局自定义指令需要通过Vue应用实例的directive()方法进行声明，语法格式如下。directive(自定义指令名称,对象)在上述语法格式中，directive()方法的第1个参数类型为字符串，表示全局自定义指令的名称；第2个参数类型为对象或者函数，可以是对象或者函数形式，用于接收指令的参数值。

下面演示全局自定义指令的使用方式。修改src\main.js文件，声明全局自定义指令fontSize。import{createApp}fromvueimport./style.cssimportAppfrom./components/DirectiveComponent.vueconstapp=createApp(App)app.directive(fontSize,{mounted:el={el.style.fontSize=24px}})app.mount(#app)4.3.3全局自定义指令的声明与使用

掌握为自定义指令绑定参数的使用方法，能够通过等号（=）的方式，为当前指令绑定参数4.3.4为自定义指令绑定参数先定一个小目标！

4.3.4