Vue面试题你知道多少

简介: Vue如何添加自定义指令

题目一



Vue如何添加自定义指令


👉考点


考察对Vue添加自定义指令方法的掌握


👉答案


添加自定义指令的两种方式:

全局指令: 通过 Vue.directive() 函数注册一个全局的指令。

局部指令:通过组件的 directives 属性,对该组件添加一个局部的指令。


题目二



Vue框架有哪些优点,为什么前端人都喜欢Vue👀👀👀


👉考点

了解Vue的优点才能更加方便使用Vue框架


👉答案


Vue的优点


轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十 kb ;

简单易学:Vue是由国人开发出来的,易于理解和学习(不用学习令人头疼的英语)

双向数据绑定:延续了angular 的特点,在操作数据封面更加容易

组件化:延续了react的优点,实现html的封装和重用,在构建单页面应用方面有着相当明显的优势


数据和结构的分离:数据和结构分离,只需要操作数据就能完成操作,不需要对代码进行修改,使数据更改变得so easy

使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;


虚拟DOM:dom操作十分耗能,不再使用原生的dom,而且使用虚拟的DOM进行操作

运行速度更快:跟react进行比较,同样是操作虚拟 dom ,就性能而言, vue的运行速度存在很大的优势(速度快才是真的快)


题目三



Vue响应式原理是什么


👉考点


理解Vue响应式原理是怎样工作的


👉答案


响应式:当数据改变后,Vue会通知使用该数据的代码

比如说:视图渲染使用了一个数据

那么当这个数据改变后,视图会响应式的自动更新

Vue 它是通过那个Object.defineProperty()来更新定义 data中的所有属性


题目四



Vuex是什么,Vuex有哪几种属性👀👀👀


👉考点


熟悉掌握Vuex的使用,并熟记Vuex有哪些属性🥳🥳🥳


👉答案


Vuex是什么

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

Vuex有哪些属性

Vuex有五种属性分别是State、Getters、Mutations、Action、Modules



属性 描述
State 存放数据状态,不可以直接修改里面的数据
Getters 类似Vue的计算属性,主要用于过滤数据
Mutations Mutations定义的方法动态修改Vuex 的 store 中的状态或数据
Action 将Mutation里面处理数据的方法变成可异步处理数据的方法,简单的说就是异步操作数据
Modules 项目特别复杂的时候,可以让每一个模块拥有自己的State、Mutation、Action、Getters,使得结构非常清晰,方便管理。


相关文章
|
29天前
|
JavaScript 前端开发 应用服务中间件
【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢?
这篇文章分析了Vue项目在服务器部署后出现404错误的原因,主要是由于history路由模式下服务器缺少对单页应用的支持,并提供了通过修改nginx配置使用`try_files`指令重定向所有请求到`index.html`的解决方案。
【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢?
|
29天前
|
JavaScript
【Vue面试题十五】、说说你对slot的理解?slot使用场景有哪些?
这篇文章深入探讨了Vue中的`slot`概念,包括它的定义、使用场景和分类(默认插槽、具名插槽和作用域插槽),并通过代码示例展示了如何在组件中使用插槽来实现内容的分发和自定义。同时,文章还对插槽的工作原理进行了分析,解释了`renderSlot`函数和`$scopedSlots`对象的角色。
【Vue面试题十五】、说说你对slot的理解?slot使用场景有哪些?
|
29天前
|
JavaScript 前端开发
【Vue面试题二十五】、你了解axios的原理吗?有看过它的源码吗?
这篇文章主要讨论了axios的使用、原理以及源码分析。 文章中首先回顾了axios的基本用法,包括发送请求、请求拦截器和响应拦截器的使用,以及如何取消请求。接着,作者实现了一个简易版的axios,包括构造函数、请求方法、拦截器的实现等。最后,文章对axios的源码进行了分析,包括目录结构、核心文件axios.js的内容,以及axios实例化过程中的配置合并、拦截器的使用等。
【Vue面试题二十五】、你了解axios的原理吗?有看过它的源码吗?
|
29天前
|
JavaScript
【Vue面试题十四】、说说你对vue的mixin的理解,有什么应用场景?
这篇文章详细介绍了Vue中`mixin`的概念、应用场景和源码分析,解释了`mixin`如何用于代码复用、功能模块化,并通过实际代码示例展示了在Vue组件中局部混入和全局混入的使用方式。
【Vue面试题十四】、说说你对vue的mixin的理解,有什么应用场景?
|
29天前
|
JavaScript 前端开发 数据处理
【Vue面试题二十八】、vue要做权限管理该怎么做?如果控制到按钮级别的权限怎么做?
这篇文章讨论了Vue中实现权限管理的策略,包括接口权限、路由权限、菜单权限和按钮权限的控制方法,并提供了不同的实现方案及代码示例,以确保用户只能访问被授权的资源。
【Vue面试题二十八】、vue要做权限管理该怎么做?如果控制到按钮级别的权限怎么做?
|
29天前
|
JavaScript 前端开发
【Vue面试题二十七】、你了解axios的原理吗?有看过它的源码吗?
文章讨论了Vue项目目录结构的设计原则和实践,强调了项目结构清晰的重要性,提出了包括语义一致性、单一入口/出口、就近原则、公共文件的绝对路径引用等原则,并展示了单页面和多页面Vue项目的目录结构示例。
|
8天前
|
缓存 JavaScript 前端开发
|
29天前
|
JavaScript 安全 前端开发
【Vue面试题二十九】、Vue项目中你是如何解决跨域的呢?
这篇文章介绍了Vue项目中解决跨域问题的方法,包括使用CORS设置HTTP头、通过Proxy代理服务器进行请求转发,以及在vue.config.js中配置代理对象的策略。
【Vue面试题二十九】、Vue项目中你是如何解决跨域的呢?
|
29天前
|
JavaScript 前端开发 编译器
【Vue面试题三十二】、vue3有了解过吗?能说说跟vue2的区别吗?
这篇文章介绍了Vue 3相对于Vue 2的改进和新增特性,包括性能提升、体积减小、更易维护、更好的TypeScript支持、新的Composition API、新增的Teleport和createRenderer功能,以及Vue 3中的非兼容性变更和API的移除或重命名。
【Vue面试题三十二】、vue3有了解过吗?能说说跟vue2的区别吗?
|
29天前
|
JavaScript 前端开发 API
【Vue面试题三十一】、你是怎么处理vue项目中的错误的?
这篇文章讨论了Vue项目中错误的处理方式,包括后端接口错误和代码逻辑错误的处理策略。文章详细介绍了如何使用axios的拦截器处理后端接口错误,以及Vue提供的全局错误处理函数`errorHandler`和生命周期钩子`errorCaptured`来处理代码中的逻辑错误。此外,还分析了Vue错误处理的源码,解释了`handleError`、`globalHandleError`、`invokeWithErrorHandling`和`logError`函数的作用和处理流程。
【Vue面试题三十一】、你是怎么处理vue项目中的错误的?