2024年Web前端最新vue3 高阶 API 大汇总，强到没朋友，阿里面试官

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。

并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。

局部自定义指令

const autoFocus = {

focus:{

mounted(el){

el.focus()

}

}

}

export default{

directives:autoFocus,

}

自定义指令 v-xxx 直接使用就好，对应上述示例自定义指令为 v-focus。

2.2、自定义指令钩子函数参数

每个钩子里面的参数含义:

mounted(el,binding,vnode){…}

el:代表当前使用该指令的元素

binding：指令传来的值

vnode：当前元素节点相关

2.3、自定义指令钩子函数

一个指令定义对象可以提供如下几个钩子函数（都是可选的，根据需要引入）

• created ：绑定元素属性或事件监听器被应用之前调用。该指令需要附加需要在普通的 v-on 事件监听器前调用的事件监听器时，这很有用。

• beforeMounted ：当指令第一次绑定到元素并且在挂载父组件之前执行。

• mounted ：绑定元素的父组件被挂载之后调用。

• beforeUpdate ：在更新包含组件的 VNode 之前调用。

• updated ：在包含组件的 VNode 及其子组件的 VNode 更新后调用。

• beforeUnmounted ：在卸载绑定元素的父组件之前调用

• unmounted ：当指令与元素解除绑定且