前端面试题

属性与特性，prop与attr

属性分为两种一种是特性（固有属性），如id、class、src、value、href、alt、title等等；一种是新增属性（自定义属性）

prop()只能获取固有属性，attr()可以获取所有属性，包括新增属性

javaScript总结：原文链接https://blog.csdn.net/m0_55221239/article/details/115313923

v-if是删除生成dom,v-show是切换dispaly的状态。

mvvm主要解决了mvc中大量的DOM 操作使页面渲染性能降低，加载速度变慢，影响用户体验。

 组件之间的传值？

父组件通过标签上:data=data方式定义传值

子组件通过props方法接受数据

子组件通过$emit方法传递参数

<keep-alive> </keep-alive>的作用是什么?

包裹动态组件时，会缓存不活动的组件实例，主要用于保留组件状态或避免重新渲染。

active-class是哪个组件的属性？

vue-router模块的router-link组件。

什么是vue生命周期?

Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。

vue生命周期总共有几个阶段?

可以总共分为8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/后

第一次页面加载会触发哪几个钩子?

第一次页面加载时会触发 beforeCreate, created, beforeMount, mounted 这几个钩子

DOM 渲染在 哪个周期中就已经完成?

DOM 渲染在 mounted 中就已经完成了

简单描述每个周期具体适合哪些场景?

生命周期钩子的一些使用方法：

beforecreate : 可以在此阶段加loading事件，在加载实例时触发；

created : 初始化完成时的事件写在这里，如在这结束loading事件，异步请求也适宜在这里调用；

mounted : 挂载元素，获取到DOM节点；

updated : 如果对数据统一处理，在这里写上相应函数；

beforeDestroy : 可以做一个确认停止事件的确认框；

nextTick : 更新数据后立即操作dom；

vue当中得指令和用法

1.v-if：判断是否隐藏

2.v-for：数据循环

3.v-bind：class：绑定一个属性

4.v-model：实现双向绑定

深浅拷贝得理解

其实通俗来讲就是定义一个变量a，然后赋值给变量b ，改变变量b看看a的值是否改变，ab的值都改了 说明是浅拷贝，b改a不改就是深拷贝。