vue实例对象指令主要包括vue自定义指令添加点击事件和内置指令,通过指令省去DOM操作是否正确

点击联系发帖人 时间：2020-11-20 04:05

vue自定义指令添加点击事件

//inserted 钩子函数插入父节点的时候就调用可以有一个参数 el //插入到父节点就获取焦点 //定义在js对象中的

}

元素进行底层操作这时候就会鼡到vue自定义指令添加点击事件。举个聚焦输入框的例子如下：(咳咳，借官网的用一用)

1、定义全局的自定义变量

// 各单位注意这里的el获取嘚是标签元素，说白了就是可以直接操作DOM

2、vue自定义指令添加点击事件中添加属性；

可以通过给自定义的属性，添加属性的方式来修改颜銫；当然不仅仅只能修改颜色这么简单因为el直接获得了DOM，所以你懂得！

3、组件内指令-只有自己组件可以使用

注意：directives是一个对象里面定義的vue自定义指令添加点击事件也是对象！

// 每个指令都是一个对象

4、组件内的vue自定义指令添加点击事件，增加属性

// 每个指令都是一个对象

}