位置: IT常识 - 正文

前端经典面试题 | 吊打面试官系列 之 Vue2和Vue3的区别(前端经典面试题讲解)

编辑:rootadmin
前端经典面试题 | 吊打面试官系列 之 Vue2和Vue3的区别

推荐整理分享前端经典面试题 | 吊打面试官系列 之 Vue2和Vue3的区别(前端经典面试题讲解),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:前端面试题目100及最佳答案,前端面试题目100及最佳答案,2021前端经典面试题,前端面试题必问的题目,前端面试题大全,前端经典面试题讲解,前端经典面试题讲解,前端经典面试题及答案,内容如对您有帮助,希望把文章链接给更多的朋友!

前端经典面试题 | 吊打面试官系列 之 Vue2和Vue3的区别(前端经典面试题讲解)

🖥️ 前端经典面试题 吊打面试官 专栏:Vue2和Vue3的区别 🧑‍💼 个人简介:一个不甘平庸的平凡人🍬

✨ 个人主页:CoderHing的个人主页

🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️

👉 你的一键三连是我更新的最大动力❤️

目录

一、回答点

二、深入回答

监测机制的变化

Fragments(碎片)

API模式的变化

数据的存放

生命周期钩子

父子传参

diff算法

v-if和v-for优先级


一、回答点

监测机制的变化、Fragments(碎片)的更新、API模式的变更、数据的存放、生命周期钩子、父子传参等。。

二、深入回答监测机制的变化Vue3中使用了ES6中Proxy API 对数据进行代理,监测整个对象,而不再是某个属性。消除Vue2中基于Object.defineProperty的实现所存在的诸多限制。Vue3可以监测到对象属性的添加和删除也可以监听到数组的变化。Vue3中支持Map、Set、WeakMap和WeakSetFragments(碎片)Vue2在组件中只能有一个根节点。Vue3在组件中可以拥有多个根节点。API模式的变化Vue2使用选项式API(Options API)。Vue3使用组合式API(Composition API)数据的存放Vue2中数据存放在data属性中Vue3使用setup()方法,setup()方法在组件初始化构造的时候触发。从vue引入ref或reactive简单数据类型使用ref()方法进行处理,复杂数据类型使用reactive()方法进行处理。使用setup()方法来返回响应式数据,在template可以获取这些响应式数据。生命周期钩子setup():开始创建组件之前,在beforeCreate和created之前执行。onBeforeMount():组件挂载到节点之前执行。onMounted():组件挂载完成之后执行。onBeforeUpdate():组件更新之前执行。onUpdated():组件更新之后执行。onBeforeUnmount():组件卸载之前执行。onUnmounted():组件卸载之后执行若组件被keep-alive包裹,则多出两个钩子函数onActivated():被激活时执行。onDeactivated():A组件切换到B组件。A组件消失时执行。父子传参子组件通过defineProps()进行接收,并且接收这个函数的返回值进行相应操作。diff算法Vue2:进行虚拟节点对比,并返回一个patch对象来存储两个节点的不同,最后用patch记录的消息去局部更新Dom。它会比较每一个Vnode但对一些不参与更新的元素,进行比较会消耗性能。Vue3:diff算法在初始化时会给每个虚拟节点一个patchFlags(优化的一个标识)。只会比较patchFlags发生变化的Vnode,从而进行视图更新,对比没有变化的做静态标记,渲染时直接复用。v-if和v-for优先级Vue2中:v-for优先执行Vue3中:v-if优先执行注:最好不要把v-if和v-for同时用在一个元素上,这样会带来性能的浪费
本文链接地址:https://www.jiuchutong.com/zhishi/298462.html 转载请保留说明!

上一篇:【node进阶】在node.js中优雅的使用Socket.IO模块(node-)

下一篇:Vue项目实战 —— 后台管理系统( pc端 ) —— Pro最终版本(vue3.0实战项目)

  • 一般纳税人做账流程图
  • 增值税普通发票怎么开
  • 折扣方式销售货物增值税
  • 未休年假补助
  • 企业所得税季度申报时间
  • 销售收入做账属于什么凭证
  • 零申报小微企业注销有影响吗
  • 银行存款缴纳所得税费用会计分录
  • 增值税留抵退税政策2022
  • 增值税认证逾期怎么处理
  • 已认证未抵扣什么意思
  • 创投资本投入资金如何做账?
  • 滞留发票的税收处理
  • 分公司不独立核算怎么报税
  • 外地预缴附加税减半
  • 餐饮定额发票怎么征税
  • 有质量问题的产品案例
  • 房地产税开征的利弊分析
  • 电脑有些进程关不掉
  • 电脑上一键复制是哪个键
  • linux 计算字符数
  • retrorun.exe - retrorun有什么用 是什么进程
  • 已经认证抵扣的发票,发生冲红,要怎么处理
  • 实缴注册资本股权转让怎么交税
  • 错账的种类
  • vue3+vite在main.ts或者main.js文件中引入/App.vue报错(/App.vue不是模块)
  • 生产设备改良支出计入什么费用
  • 发票开烟酒
  • 赔偿金和违约金有什么区别
  • 192.168.2.1 路
  • 爱丁堡几点天黑
  • 四川成都熊猫基地介绍
  • php上传图片到数据库完整代码
  • 投喂小鸟
  • node js 安装
  • reactz
  • 增量留抵税额是
  • vue组件教程
  • hashmap 面试
  • 小规模纳税人减按1%账务处理
  • 服务费开票税收分类
  • 商贸企业出口退税吗
  • 建行E信通贴现需要发票吗
  • 建筑企业收到发票未付款怎么做账
  • 将固定资产转为投资性房地产账务处理
  • 收到的货款比实际货款多
  • 以前年度损益调整
  • 现金流量的构成内容
  • 少交税款滞纳金
  • 机票行程单改签费抵扣 税务局
  • 其他应付重分类到其他应收
  • 支票上的金额和确定的金额
  • 会计中的记账是什么意思
  • 阿里云linux 服务器 字符集
  • win8换win7详细过程
  • ubuntu /opt
  • openbsd6.8
  • vmware虚拟机不能用桥接模式
  • 虚拟机怎么手动设置ip地址
  • 微软每月补丁更新一般于什么时间发布
  • backup file
  • 怎么自己制作diy
  • Windows更新失败
  • win7开机连不上网
  • linux ftpd
  • win8.1 win7
  • ios macos
  • win7还原电脑系统的步骤
  • cocos3.0
  • activitythread main方法
  • 使用jquery实现的项目
  • JavaScript中setMonth()方法的使用详解
  • 基于jquery的移动端ui框架
  • android 高德地图收费
  • android基础入门教程
  • 住宿发票税率1%怎么回事
  • 誊抄什么意思
  • 漯河经济开发区税务局电话
  • 国税局巡察整改方案
  • 农村信用社升级为什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设