2024个人前端面试总结（八股文+项目情况）持续更新pdf附件_前端八股文资源-CSDN文库

85 浏览量 2024-10-17 09:49:38 上传评论 1 收藏 407KB PDF 举报

资源推荐

资源详情

资源评论

vue

生命周期：

beforeCreate:会在实例初始化完成、props 解析之后、data() 和 computed 等选项处理之前立即调用。

此时不能获得DOM节点

created:在这个阶段vue实例已经创建，以下内容已经设置完成：响应式数据、计算属性、方法和侦听

器。然而，此时挂载阶段还未开始，因此 $el 属性仍不可用。仍然不能获取DOM元素。

beforeMount:在组件内容被渲染到页面之前自动执行的函数，组件已经完成了其响应式状态的设置，但

还没有创建 DOM 节点。

mounted:在组件被渲染之后自动执行的函数。一般我们的异步请求都写在这里。在这个阶段，数据和

DOM都已被渲染出来。

beforeUpdate:数据变化的时候自动执行的函数，此时变化后的数据还未渲染到页面之上。.

updated:数据变化之后自动执行的函数，此时变化后的数据已经渲染到页面之上

beforeDestroy:当 Vue 应用被销毁时，自动执行的函数。

destroyed当 Vue 应用被销毁后，且 dom 完全销毁之后，自动执行的函数。

Vue双向绑定：

vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty() 来劫持各个属

性的 setter , getter ,在数据变动时发布消息给订阅者，触发相应的监听回调，

v-model 是一个指令，双向绑定实际上是Vue 的编译器完成的，通过输出包含 v-model 模版的组件渲染

函数，实际上还是 value 属性的绑定及 input 事件监听，事件回调函数中会做相应变量的更新操作。v-

bind:value = "message" v-on:input = "message=event.target.value" 作用在组件上,本质是一个父子组

件通信的语法糖，通过 prop 和 .emit 实现, 等同于:value = "message" @input = "$emit('input',

$event.target.value)"

nextTick：

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



computed和watch的区别：

computed是计算属性，依赖其他属性，当其他属性改变的时候下一次获取computed值时也会改变，

watch类似于数据改变后的回调想深度监听的话，后面加一个deep:true



Vue的Key的作用：

key主要用在虚拟Dom算法中，每个虚拟节点VNode有一个唯一标识Key，通过对比新旧节点的key来判

断节点是否改变，用key就可以大大提高渲染效率



本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余6页未读，立即下载

内容反馈

歪比巴卜~~

粉丝: 98
资源: 1

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip