本文目录一览：
vue前端面试题有哪些呢?
1、自定义指令在Vue3中的实现方式为：在Vue组件中定义一个directive对象，其中包含bind、inserted等生命周期钩子函数，并通过Vue.directive方法注册这个自定义指令。
2、vue初始化页面闪动问题？ webpack、vue-router v-cloak css：[v-cloak]：display：none 2什么是vue-router？ vue router 是官方路由管理器。
3、全局钩子有 beforeEach、beforeResolve（Vue0新增的）、 afterEach。 单个路由独享钩子有 beforeEnter。 组件级钩子有 beforeRouteEnter、 beforeRouteUpdate（Vue2新增的） beforeRouteLe***e。 它们有以下参数。
4、key 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。不指定key时，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试 就地修改/复用相同类型元素的算法。
有关vue的常见面试题(上)
1、Vue3的新特性主要包括性能提升，响应式系统从Object.defineProperty改为基于ES6的Proxy，使其速度更快；重写了Vdom，优化了diff算法并增加了静态标志，还有更好的类型支持，代码组织和逻辑抽离，以及更多的新功能。
2、什么是vue-router？ vue router 是官方路由管理器。 主要功能：路由嵌套，模块化 基于组件路由配置，路由参数、查询、通配符，细粒度导航控制，自定义的滚动条行为等。
3、它有如下钩子函数。 钩子函数的参数如下。 1至少说出vue.js中的4种指令和它们的用法。 相关指令及其用法如下。 1Vue-router是什么？它有哪些组件？ 它是Vue. js的路由插件。组件包括 router-link和 router-vIew。
使用Vue如何写一个双向数据绑定(面试常见)
1、木子解释用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。v-model 本质上不过是语法糖。它负责监听用户的输入***以更新数据，并对一些极端场景进行一些特殊处理。
2、单个 v- model 数据绑定 默认情况下，组件上的 v- model 便用 modelvalue 作为 prop 和 update ： modelvalu 作为***。
3、Vue 主要通过以下 4 个步骤来实现数据双向绑定的：实现一个*** Observer：对数据对象进行遍历，包括子属性对象的属性，利用 Object.defineProperty（） 对属性都加上 setter 和 getter。
4、解释双向绑定的概念：双向绑定是指将数据和视图之间建立一种关联，当数据发生变化时，视图会自动更新；当视图发生变化时，数据会自动更新。
5、在 Vue 中，组件之间的双向数据绑定可以通过 v-model 实现。v-model 可以用于表单输入、组件值、属性等元素上，它实现了父组件和子组件之间的双向数据绑定。
6、vue的数据双向绑定是通过数据劫持和发布－订阅者功能来实现的。实现步骤：实现一个监听者Oberver来劫持并监听所有的属性，一旦有属性发生变化就通知订阅者。
