Vue —— vue相关面试题分享
1.create和mouted的区别
答:created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。
mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作
通常created使用的次数多,而mounted通常是在一些插件的使用或者组件的使用中进行操作。
2.什么阶段操作dom(/什么时候可以获得到dom)
答:在钩子函数mounted被调用前,Vue已经将编译好的模板挂载到页面上,所以在mounted中可以访问操作DOM
3.在生命周期中什么时候可以获得到数据
答:created :完成了 data 数据的初始化,el没有
4. vue生命周期的作用是什么?
答:它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。
5.vue生命周期总共有几个阶段?
答:它可以总共分为8个阶段:创建前/后, 载入前/后,更新前/后,销毁前/销毁后。
分别是:
beforeCreate(创建前)
created(创建后)
beforeMount(载入前)
mounted(载入后)
beforeUpdate(更新前)
updated(更新后)
beforeDestroy(销毁前)
destroyed(销毁后)
6.第一次页面加载会触发哪几个钩子?
答:会触发 下面这几个beforeCreate, created, beforeMount, mounted 。
7.DOM 渲染在 哪个周期中就已经完成?
答:DOM 渲染在 mounted 中就已经完成了.
8.Vue各个阶段(钩子函数)的作用/意义?
答:生命周期中的多个钩子函数给了用户在不同阶段添加代码的机会。
9.created和mounted的区别?
答:created:调用时,此时模板还未渲染,不能操作DOM,主要用来初始化数据;
mounted:调用时,此时模板已经渲染成html,可以操作DOM
10.简述每个周期具体适合哪些场景
答:beforecreate : 可以在这加个loading事件,在加载实例时触发
created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用
mounted : 挂载元素,获取到DOM节点
updated : 如果对数据统一处理,在这里写上相应函数
beforeDestroy : 可以做一个确认停止事件的确认框
nextTick : 更新数据后立即操作dom
总结
每天看几题,日积月累就学会了很多啦,加油加油!
Vue —— vue相关面试题分享相关推荐
- ES6——ES6相关面试题分享
文章目录 前言 一.什么是ES6,以及引入ES6的原因 二.let,var,const三者的区别. 三.运用ES6如何合并两个对象? 四.for...in 和for...of有什么区别. 五. 箭头函 ...
- Vue相关面试题及答案分享
Web前端重点技能是什么?Vue相关面试题有哪些?Vue是一套构建用户界面的渐进式框架,具有简单易用.性能好.前后端分离等优势,是Web前端工程师工作的好帮手,也是企业选拔人才时考察的重点技能.接下来 ...
- vue如何获取年月日_好程序员web前端教程分享Vue相关面试题
好程序员web前端教程分享Vue相关面试题,Vue是一套构建用户界面的渐进式框架,具有简单易用.性能好.前后端分离等优势,是web前端工程师工作的好帮手,也是企业选拔人才时考察的重点技能.接下来好程序 ...
- vue openlayer单击地图事件循环多次执行_12道vue高频原理面试题,你能答出几道?
前言 本文分享 12 道 vue 高频原理面试题,覆盖了 vue 核心实现原理,其实一个框架的实现原理一篇文章是不可能说完的,希望通过这 12 道问题,让读者对自己的 Vue 掌握程度有一定的认识(B ...
- vue.js 常见面试题_使用Vue.js时应避免的常见错误
vue.js 常见面试题 Looking for a front-end framework to try out, I started with React and then tried Vue.j ...
- vue key重复_12道vue高频原理面试题,你能答出几道?
前言 本文分享 12 道 vue 高频原理面试题,覆盖了 vue 核心实现原理,其实一个框架的实现原理一篇文章是不可能说完的,希望通过这 12 道问题,让读者对自己的 Vue 掌握程度有一定的认识(B ...
- 滴滴 webapp 5.0 Vue 2.0 重构经验分享
项目背景 滴滴的 webapp 是运行在微信.支付宝.手 Q 以及其它第三方渠道的打车软件.借着产品层面的功能和视觉升级,我们用 Vue 2.0 对它进行了一次技术重构. 技术栈 MVVM框架: Vu ...
- 「Vue源码学习」常见的 Vue 源码面试题,看完可以说 “精通Vue” 了吗?
Vue源码面试题 一.行时(Runtime)+ 编译器(Compiler) vs. 只包含运行时(Runtime-only) webpack Rollup Browserify 二.Vue 的初始化过 ...
- 12道vue高频原理面试题,你能答出几道?
前言 本文分享 12 道 vue 高频原理面试题,覆盖了 vue 核心实现原理,其实一个框架的实现原理一篇文章是不可能说完的,希望通过这 12 道问题,让读者对自己的 Vue 掌握程度有一定的认识(B ...
最新文章
- C#的方法的参数修饰符详解
- python信用卡违约_Python信用卡验证
- BinaryTree-学习二叉树的Python库
- SEO和Social工具.doc
- 七个重要习惯——读《高效能人士的七个习惯》整理
- 前端学习(2569):如何跨组件调用实例
- PHP和MySQL Web开发从新手到高手,第7天-创建author管理页面
- Table表格横竖线实现Css
- Ubuntu16.04安装MySQL5.7
- 在https上面使用ws不加密_ASP.NET Core 3.1 中使用JWT认证
- 基于ZYNQ7000的交叉编译工具链Qt+OpenCV+ffmpeg等库支持总结【依赖库源码包】
- python-合并两个txt文件
- wifi卡慢延迟高_如何解决WiFi又慢又卡
- python中append函数的用法
- 五行灵根 鸿蒙珠,异世鸿蒙武神
- 电子计算机管理人事资料的准则,{转帖}关于中国的一些人事制度,职称评定
- 解决类似 The word is not correctly spelled等pom文件拼写错误问题
- bestsort 开通公众号了~欢迎关注哟~
- C# 工具类分享(7~14)
- IP协议(五)路由算法-内部网关协议 RIP、OSPF