关于生命周期的面试题vue

最新推荐文章于 2023-06-08 18:05:00 发布
最新推荐文章于 2023-06-08 18:05:00 发布
阅读量185 收藏
点赞数
分类专栏： 面试题 vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jenny_ljj/article/details/128000615
版权

1.第一次进入到页面（组件）会执行哪些生命周期

  • beforeCreate ===》 没有data，没有el
  • created ===》 有data，没有el
  • beforeMount ===》 有data，没有el（其实已经在准备了）
  • mounted ===》 有data，有el

在这里插入图片描述

this.$ data ===> 就是当前组件的data数据
this.$ el ===> 就是当前组件的节点（dom）

2.什么时候用哪些生命周期？

  • created ：请求接口
  • mounted ： dom操作的时候
  • updated ： 观测数据是否更新了
  • destoryed ： 页面销毁、关闭
小野又在卷了
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2023前端面试题vue专版
12-26
2. Vue 的生命周期 3.Vue 的父组件和子组件生命周期钩子执行顺序是什么 4.Vue 中父组件如何监听子组件的生命周期？ 5.为什么Vue实例对象中的data直接是个对象，而组件内的data是个 函数，且返回一个对象？ 5.组件间...
VUE之生命周期面试题
从0到1的成长的博客
01-15 6127
1.什么是 vue 生命周期？有什么作用？ 答：每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做 生命周期钩子 的函数，这给了用户在不同阶段添加自己的代码的机会。（ps：生命周期钩子就是生命周期函数）例如，如果要通过某些插件操作DOM节点，如想在页面渲染完后弹出广告窗， 那我们最早可在mounted 中进行。 2.第一次页面加载会触发哪几个钩子？ 答：beforeCreat
前端开发面试题—Vue的生命周期
黛琳ghz的博客，期待你的关注。
08-22 932
今天分享一下我遇到很多次的前端面试题，就是Vue的生命周期，比如说问生命周期的过程有多少种钩子函数，分析解释一下生命周期过程中每个钩子函数都做了什么。
Vue最常见的面试题以及答案（面试必过）
热门推荐
前端探险家的博客
12-15 20万+
这里写目录标题对MVVM的理解？Vue数据双向绑定原理Vue的响应式原理vue中组件的data为什么是一个函数vue中created与mounted区别Vue中computed与method的区别Vue中watch用法详解Vue中常用的一些指令说说vue的生命周期 对MVVM的理解？ MVVM 由 Model、View、ViewModel 三部分构成，Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来；ViewMode
详解vue生命周期（常问面试题）
Front小思的博客
06-29 3343
面试常问：1、vue生命周期是什么？ Vue 实例从创建到销毁的过程为生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，称之为Vue 的生命周期。 2、vue生命周期的作用是什么？ 在控制整个Vue实例的过程时更容易形成好的逻辑。 3、vue生命周期总共有几个阶段？ 总共分为8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/销毁后 4、第一次页面加载会触发哪几个钩子？ 会触发 beforeCreate, created, beforeMount.
Vue面试题.docx
08-05
Vue.js是什么以及它的特点？ 答案：Vue.js是一个渐进式...答案：Vue的生命周期钩子函数包括：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed。 Vue组件之间如何
Vue经典面试题.pdf
最新发布
01-25
3.Vue.js的生命周期钩子有哪些？ Vue.js的生命周期钩子包括： beforeCreate：实例创建前的钩子，此时尚未初始化数据和事件。 created：实例创建后的钩子，可以在这里进行一些初始化的操作。
Vue 常见技术面试题
01-08
Vue拦截器vuex状态管理vue生命周期、常见的生命周期函数用过哪些vue ui框架vue中的router和route的区别计算属性和侦听属性的区别vue里面delete跟vue.delete有什么区别？如果一个空白页面使用弹窗this，那么this会弹...
VUE相关面试题.md
04-03
这份资源收集了一些常见的Vue.js面试题，涵盖Vue.js的各个方面，从基础到进阶，包括Vue.js的核心概念和原理,Vue.js的生命周期钩子函数、组件通信、路由、Vuex 状态管理、服务端渲染等等。 适用人群： 本资源适用于...
vue+rem自适应pc端屏幕分辨率(rem适配)
Jenny_ljj的博客
04-14 4371
vue+rem自适应pc端屏幕分辨率(rem适配) 前方有坑：UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,所以不要写内联样式 第一步，安装postcss-px2rem及px2rem-loader npm install postcss-px2rem px2rem-loader --save 第二步，在根目录src中新建util目录下新建rem.js等比适配文件 // rem等比适配配置文件 // 基准大小 const baseSiz
el-menu实现左侧菜单栏(vue2,vue3)
Jenny_ljj的博客
01-05 3994
el-menu实现左侧菜单栏
vue项目打包 发现首页打不开或空白页面
Jenny_ljj的博客
11-01 2089
vue项目打包 发现首页打不开 首先我们打包成功之后会出现一个dist文件 错误版 (这样子首页打开就是空白的！！！） 接下来我们先建一个vue.config.js在根目录 vue.config.js module.exports = { lintOnSave: true, publicPath: './', outputDir: 'dist', assetsDir: 'static' } 删掉之前的错误dist，重新打包，就ok了~~~ ...
vue组件传值的十种方式
Jenny_ljj的博客
05-26 1733
vue组件传值的十种方式 一、props 父传子 子组件 // 第一种数组方式 props: [xxx, xxx, xxx] // 第二种对象方式 props: { xxx: Number, xxx: String} // 第三种对象嵌套对象方式 //第三种对象默认支持 4 种属性，并且都是非必填的。可以随意使用 props: { xxx: { //类型不匹配会警告 type: Number, default: 0, require
element 多文件上传完整过程以及多个文件上传中取消功能
Jenny_ljj的博客
06-08 1623
【代码】element 多文件上传完整过程以及多个文件上传中取消功能。
nextTick 的使用和原理（面试题）
Jenny_ljj的博客
02-17 1284
nextTick原理面试题
vue中$nextTick()讲解操作--面试题
Jenny_ljj的博客
11-21 975
$nextTick()面试题和原理
element input历史查询(模糊查询)以及防抖处理
Jenny_ljj的博客
04-14 831
element input历史查询(模糊查询) html <template> <div> <el-autocomplete v-model="item.tp004" :fetch-suggestions="querySearch" placeholder="请输入证件号码" @select="handl
vue源码之数据双向绑定
Jenny_ljj的博客
01-07 624
实现思路 数据 -> 响应式的数据 Object.defineProperty Proxy input -> input/keyup -> 事件处理函数的绑定 -> 改变数据 相关的DOM -> 数据 => 绑定在一起 操作数据的某个属性 -> 对应DOM就改变 首先建一个html页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8".
vue生命周期面试题
09-14
Vue的生命周期用于控制整个Vue实例的过程，让我们可以更好地管理和处理实例的各个阶段。Vue的生命周期包括创建、挂载、更新和销毁等多个事件钩子。具体的生命周期函数包括： 1. beforeCreate：在实例初始化之前被...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值