前端vue 面试大全

最新推荐文章于 2024-08-28 09:43:43 发布

binbinbox

最新推荐文章于 2024-08-28 09:43:43 发布

阅读量1.7k

点赞数 13

文章标签： vue.js

本文链接：https://blog.csdn.net/binbinbox/article/details/115068565

版权

一、vue常用指令：

在这里插入图片描述

二、v-if与v-show的区别

在这里插入图片描述

三、生命周期共有几个？分别在什么时候使用？

在这里插入图片描述

四、Vue中双向数据绑定是如何实现的

在这里插入图片描述

五、Object.defineProperty()

在这里插入图片描述

六、简述虚拟DOM + diff算法**

在这里插入图片描述

七、Vue组件通信(父传子、子传父、兄弟通信)

父传子、子传父、兄弟通信（bus）、本地存储、vuex

八、什么是vuex?

在这里插入图片描述

九、vue监听和深度监听watch

在这里插入图片描述

十、vue中Computed、Methods、Watch区别

在这里插入图片描述

十一、简述MVVM和MVC**

在这里插入图片描述

十二、vue中如何自定义指令directive

在这里插入图片描述

十三、vue之filter

在这里插入图片描述

十四、Vue-router共有几种模式？默认是哪种？

history模式 hash模式默认 hash模式

十五、vue脚手架本地开发跨域请求设置

在根目录创建vue.config.js
在module.exports中配置devserver的内容

十六、vue使用keep-alive缓存页面优化项目

在这里插入图片描述

十七、v-for中为何要使用key

在这里插入图片描述

十八、vue中的slot（插槽）

在这里插入图片描述

十九、NextTick是什么

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM

二十、图片懒加载原理

在这里插入图片描述

二十一、前端优化中的路由懒加载

在这里插入图片描述

二十二、函数防抖和函数节流

在这里插入图片描述

二十三、axios封装与api接口管理

在这里插入图片描述

二十四、渐进式框架的理解

Vue是一个MVVM的渐进式框架，，渐进式指的是先使用Vue的核心库，然后再根据需求逐渐增加所需要的插件，慢慢的组织成自己的项目，
我们在使用过程中主张最小化，Vue没有强主张，插件使用比较灵活，也就是没有做职责之外的事。

二十五、单页面应用和多页面应用区别及优缺点

单页面应用：
优点：跳转速度快
缺点：首屏加载慢
多页面应用：
有点：首屏加载快
缺点：跳转的效率不高

二十六、组件特性及好处

1. 组件系统Vue中核心的特性之一，组件化可以让我们实现html代码块的结构重复利用
2. 组件化开发能大幅度提高应用开发效率、测试性、复用性
3. 组件数据通信遵循单项数据流，高内聚，低耦合。
总的来说，组件可以让页面的结构更新清晰直观，业务逻辑关系更加明确，

二十七、组件的基本组成

vue组件主要包括3个部分：界面展示代码template、业务实现代码script、界面布局代码style

二十八、Props验证类型都有哪些

Boolean 布尔类型
String 字符串类型
Number 数字类型
Array 数组
Function 方法
Object 对象
Symbol

二十九、为什么要是用脚手架

Vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架
vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦

三十、Vue-cli中如何使用sass

安装node-sass和sass-loader的方法
cnpm install node-sass@4.14.1 --save
cnpm install sass-loader@7.3.1 --save

组件内的标签使用

三十一、Vue-cli打包命令是什么？打包后会导致路径问题，应该在哪里修改（面试真题）

***npm run build -环境 -域名 -打包文件夹 -平台
打包后会项目中生成一个dist文件夹
在打包之前，需要将文件中config文件夹下的index.js中的 assetsPublicPath:"" 中的 / 改为 ./
*## 三十二、params和query的区别？
*1.用法上的
刚query要用path来引入，params要用name来引入，接收参数都是类似的，分别是this. $r o u t e . q u e r y . n a m e 和 t h i s .$ route.params.name
2.展示上的
query更加类似于我们ajax中get传参，params则类似于post，说的再简单一点，前者在浏览器地址栏中显示参数，后者则不显示
3.params是路由的一部分,必须要有。query是拼接在url后面的参数，没有也没关系

三十三、重定向用哪个属性？

redirect属性

三十四、assets和static的区别（面试真题）

assets目录中文件在打包的时候会进行打包压缩然后上传到打包好的目录，如果接口中的文件，不能放到assets中去。
static目录中的文件直接拷贝到打包好的目录中不会进行压缩，放第三方的json文件或者图片

三十五、路由钩子函数共有几种？分别是什么？参数to、from、next分别是什么意思？

router.beforeEach() 全局路由守卫的钩子函数，可以写到main.js中
beforeRouteEnter 进入组件之前触发方法
beforeRouteUpdate 组件参数更新的时候触发
beforeRouteLeave 离开组件的时候触发的钩子函数
to 即将要进入页面的路由信息
from 离开页面路由信息
next 是否继续进入进入路由 next(false)阻止进入 next()继续进入路由地址