10 Essential Vue.js Interview Questions *

Toptal来源的基本问题，最好的Vue.Js开发人员和工程师可以回答这个问题. 在我们社区的推动下，我们鼓励专家提交问题并提供反馈.

Hire a Top Vue.js Developer Now
Toptal logo是顶级自由软件开发人员的专属网络吗, designers, finance experts, product managers, and project managers in the world. 顶级公司雇佣Toptal自由职业者来完成他们最重要的项目.

Interview Questions

1.

Explain the difference between slots and scoped slots.

View answer

槽是子组件中的占位符，由父组件传递的内容填充. 常规槽的内容在父组件的作用域中编译，然后传递给子组件.

因此，你不能在slot的内容中使用子组件属性. But scoped slots 允许您将子组件数据传递给父作用域，然后在槽内容中使用该数据.

2.

Explain Vue.Js的反应性和跟踪更改时的常见问题.

View answer

在Vue实例的data选项中定义的所有属性都是 reactive这意味着如果它们发生变化，组件将自动更新并根据需要重新呈现.

在初始化期间，所有这些属性都转换为getter和setter, 从而允许Vue检测这些属性何时被访问或更改.

在设计Vue应用程序时，必须考虑以下限制:

  • 由于JavaScript的限制，我们无法检测对象属性的添加或删除 Vue.set 方法添加新的根级反应性属性时必须使用.
  • 类似地，Vue无法检测何时使用索引修改数组项. Vue.set must be used here as well.
3.

What are mixins? 描述它们的优点和缺点.

View answer

Mixin支持是一个允许Vue中组件之间代码重用的特性.Js应用程序和软件组合工具.

mixin是一个JavaScript对象，它可以包含组件可以包含的任何选项. 当组件使用mixin时，所有的mixin内容都会与组件的选项合并.

Mixins有助于遵循DRY(不要重复自己)原则. mixin甚至可以全局地应用于每个组件实例. 在这种情况下，它被称为全局mixin.

Mixins是一个强大的工具，但在使用它们时需要谨慎. 与所有注入代码一样，我们应该小心避免维护问题和意外行为.

它有助于使用纯函数来实现mixins，这些函数不修改自己作用域之外的任何东西.

Global mixins should be avoided, 随着应用程序的增长，影响每个组件可能会导致维护问题. 根据需要向组件中注入特定的mixins会带来更易于维护的代码.

申请加入Toptal的发展网络

并享受可靠、稳定、远程 Freelance Vue.js Developer Jobs

Apply as a Freelancer
4.

What is a single-file component?

View answer

单文件组件是一个带有 .vue 包含Vue组件的扩展. 它将组件的模板、逻辑和样式都捆绑在一个文件中. It consists of one