一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。

钩子函数会接收到指令所绑定元素作为其参数。

Vue

一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。

钩子函数会接收到指令所绑定元素作为其参数。

script

可以在这里操作元素、添加事件监听等el.style.color

clicked);});},

{console.log(el);console.log(binding);el.style.color

clicked);});},},},

Vue.createApp({});app.directive(my-directive,

{mounted(el,

指令的钩子会传递以下几种参数el指令绑定到的元素。

这可以用于直接操作

DOM。

binding一个对象包含以下属性。

value传递给指令的值。

例如在

v-my-directive1