首页 > 其他分享 >Vue-面试题之生命周期函数

Vue-面试题之生命周期函数

时间:2022-09-06 00:33:23浏览次数:72  
标签:面试题 Vue DOM 钩子 前后 周期函数 VNode vue

1.什么是生命周期函数?   vue组件对象在创建到销毁的过程中,在某一种条件成立的时刻 系统会去调用的vue中设定的函数 这些函数都叫做:生命周期函数 2.vue的命周期函数有哪些?   普遍的答法:     有8个创建前后,挂载前后,更新前后,销毁前后     (beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed)   高级的答法:     组件的有8个(创建前后,挂载前后,更新前后,销毁前后)     自定义指令也有5个     动态组件有2个 -后面讲     路由(组件有3个,全局有2个,独享有1个) 3.为什么设计生命周期函数?   为了更好的设计程序,让代码更有逻辑 和 可维护性 4.页面首次加载过程中,会依次触发哪些钩子函数?   beforeCreate,created,beforeMount,mounted 5.this.$el 是什么?它在哪些钩子中才能访问?   它代表了当前组件的真实DOM,要在mounted之后才有 6.Vue 实例的 data 属性,在哪些钩子函数中能访问?   created beforeMount mounted  beforeUpdate  updated  beforeDestroy 7.为什么不要在更新钩子中做页面的数据请求?   会导致死循环  react有一个shoudComponentUpdate可以自己控制 但是vue没有 8.你用beforeCreate做过什么业务?   这个钩子函数可以做网络请求 但是vm没有构建完毕,此时数据方法等等的劫持还没有完成,不能操作this,因此可以做预加载 9.VM和DOM之间的关系?   1.VM是JS模拟出来的跟DOM结构很像的一种对象结构VNode.  它通过底层的render函数渲染到页面上,让页面DOM跟虚拟VNode关联映射   2 如果VM的数据源发生变化,会让内存中生成新的VNode  新的VNode会和旧的VNode作比较然后更新,这个过程就是DIFF算法

标签:面试题,Vue,DOM,钩子,前后,周期函数,VNode,vue
From: https://www.cnblogs.com/forever-ljf/p/16660229.html

相关文章

  • vue3项目-小兔鲜儿笔记-商品详情页02
    1.SKU和SPU概念SPU代表一个商品,这个商品可以拥有很多属性SKU代表这个商品可选规格的任意组合,是库存单位唯一标识 2.路径字典大致步骤根据后台返回的sku数据得......
  • Vue-生命周期函数
    生命周期函数相当于是一种特殊事件,当vm实例在整个运行的过程中,会在不同的时期去执行特定的函数,这样的函数就是vue的生命周期函数beforeCreatecreatedbeforeMountmo......
  • Vue-过滤器
    过滤器filter主要用于数据展示之前的处理 过滤器只能用在v-bind或者插值表达式中<body> <divid="app"> <h2>{{data1}}</h2> <inputv-model="data2"......
  • Vue-计算属性
    计算属性把computed中的方法当做属性使用,会返回一个数据供使用<divid="app"> <p>{{msg}}</p> <p>方法获取的年龄:{{getAge()}}</p> <p>计算属性获取的年......
  • vue3+ts 为原型上添加属性声明
    背景比如在vue2的情况下我们有的时候需要为Vue的原型对象上添加属性或方法,vue3的情况下需要为app挂载全局属性配置,但是结合了ts后,在vue文件中会报警告,但是程序可以正常被......
  • Vue-双向数据绑定
    双向数据绑定的源代码<body> <divid="app"> <p>{{data1}}</p> <inputname=""id="":value="data1"@input="fn"> </div> </body> <script> newVue({ ......
  • Vue(2)函数初识,与computed的使用
    序在实例vue对象时候,可以选择使用computed来完成计算,mvvm是mode,view,viewmode实现数据的双向绑定,这也体现其的便捷性。示例代码点击查看代码<divid="app"> <inpu......
  • 前端js vue的语音播报
    目前h5新增一个文字转语音的功能(但是正在完善中,勉强能用),h5新增的SpeechSynthesisUtterance实例首先new一个SpeechSynthesisUtterance对象使用实例对象的一些属性,包括......
  • vue 通过URL直接下载PDF文件而不是预览
    项目需求:用户在点击下载时下载文件。该项目为前后端分离项目,download不起作用。我在做这个功能点时使用的方法是直接window.location.href=url可在测试时却发现word等......
  • vue3之composition-api的使用(包含watch watchEffect)
    是什么composition-api官方介绍vue2:options-api,组件按照选项组织,就是将组件各个部分严格写在methods、computed、watch、data等等里面(特定的区域写特定的代码);vue3:co......