首页 > 其他分享 >API和数据响应式

API和数据响应式

时间:2024-06-01 19:44:02浏览次数:13  
标签:... vue Vue 响应 API vue2 vue3 数据 构造函数

面试题 :1.为什么去掉了Vue构造函数

面试题 : 2.谈谈你对vue3数据响应式的理解

去掉了Vue构造函数

vue2中

Vue.use(...) //此代码会影响所有的vue应用

Vue.mixin(...) //此代码会影响所有的vue应用

Vue.component(...)//此代码会影响所有的vue应用

new Vue({}).$mount("#app1")

new Vue({}).$mount("#app2")

 

在vue3中 去掉了构造函数 转而使用createApp 创建vue应用

createApp(跟组件).use(...).mixin(...).component(...).mount("#app1")

createApp(跟组件).mount("#app2")

1.为什么去掉了Vue构造函数答案

vue2的全局构造函数带来了诸多问题
1.调用构造函数的静态方法会对所有vu应用生效,不利于隔离不同应用
2,vue2的构造函数集成了太多功能,不利于tree shaking,vue3把这些功能使用普通函数导出,能够充分利用tree
shaking优化打包体积
3.vue2没有把组件实例和vue应用两个概念区分开,在vue2中,通过new Vue创建的对象,既是一个vue应用,同时又是
一个特殊的vue组件。vue3中,把两个概念区别开来,通过createApp创建的对象,是一个vue应用,它内部提供的方法是
针对整个应用的,而不再是一个特殊的组件。

 

面试题2:谈谈你对vue3数据响应式的理解
vue3不再使用Object.defineProperty的方式定义完成数据响应式,而是使用Proxy.。
除了Proxy本身效率比Object.defineProperty更高之外,由于不必递归遍历所有属性,而是直接得到一个Proxy。所以在
vu3中,对数据的访问是动态的,当访问某个属性的时候,再动态的获取和设置,这就极大的提升了在组件初始阶段的效
率。
同时,由于Proxy可以监控到成员的新增和删除,因此,在ue3中新增成员、删除成员、索引访问等均可以触发重新渲染,
而这些在vue2中是难以做到的。

 

标签:...,vue,Vue,响应,API,vue2,vue3,数据,构造函数
From: https://www.cnblogs.com/liagon/p/18226303

相关文章

  • 数据图同步软件ETL
    ETL介绍ETL(Extract,Transform,Load)软件是专门用于数据集成和数据仓库过程中的工具。ETL过程涉及从多个数据源提取数据,对数据进行转换以满足业务需求,然后将数据加载到目标数据库或数据仓库中。以下是ETL软件的一些关键功能和特点:关键功能数据提取(Extract):从各种数据源(如......
  • Python factory_boy 生成测试数据
    factory_boy库中的工具,用于在测试中生成模拟数据:1.Sequence:用于生成一个唯一的序列。每次调用时,它都会返回一个新的值。这对于生成唯一的字段(如用户名或电子邮件地址)非常有用。例如,factory.Sequence(lambdan:f'user{n}@example.com')将生成一个唯一的电子邮件地址。......
  • Redis笔记——底层数据结构之压缩列表
    是什么?        本质上就是紧凑的列表。        压缩列表在Redis中有两种编码方式,分别是ZIPLIST与LISTTPACK。LISTPACK从Redis5.0引入,直至Redis7.0完全替换了ZIPLIST,可以看作是ZIPLIST的进阶版。有什么作用?        在List文章中,提......
  • 通过强化学习彻底改变大型数据集特征选择
    文章目录一、说明二、强化学习:特征选择的马尔可夫决策问题三、用于使用强化学习进行特征选择的python库3.1.数据预处理3.2.安装和导入FSRLearning库四、结论和参考文献一、说明  了解强化学习如何改变机器学习模型的特征选择。通过实际示例和专用的Python......
  • 深入解析力扣170题:两数之和 III - 数据结构设计(哈希表与双指针法详解及模拟面试问答)
    在本篇文章中,我们将详细解读力扣第170题“两数之和III-数据结构设计”。通过学习本篇文章,读者将掌握如何设计一个数据结构来支持两种操作,并了解相关的复杂度分析和模拟面试问答。每种方法都将配以详细的解释和ASCII图解,以便于理解。问题描述力扣第170题“两数之和III......
  • 第2章 变量和简单数据类型
            在本章中,你将学习可在Python程序中使用的各种数据,还将学习如何将数据存储到变量中,以及如何在程序中使用这些变量。2.1运行hello_world.py时发生的情况        运行hello_world.py时,Python都做了些什么呢?下面来深入研究一下。实际上,即便是运行简单......
  • 【问题解决】MySQL恢复数据库报错Unknown command '\''.
    问题使用以下命令备份恢复数据库,恢复失败提示ERRORatline39595:Unknowncommand'\''.#备份数据库mysqldump-uusername-p--no-create-db-Rdatabasename>dump.sql#恢复数据库mysql-uusername-pdatabasename2<dump.sql问题原因及解法原因:中文字符的问题......
  • 智密腾讯云直播组建--客户端API简介
    客户端API指的是伴随着Demo提供的ZhimiTRTCLiveRoomSDK,常见于(工程目录/utils/ZhimiTRTCLiveRoom/sdk.js),并且以开放对象的方式重新包装一次对外开放,可参考(工程目录/utils/ZhimiTRTCLiveRoom/index.js),该包装方式主要是方便开发者扩展自己对应的功能,从而不必重复导入,导出等工作......
  • 通过用户首选项进行数据持久化
    是什么:用户首选项为应用提供Key-Value键值型的数据处理能力,支持应用持久化轻量级数据,并对其修改和查询。作用:当用户希望有一个全局唯一存储的地方,可以采用用户首选项来进行存储。运作机制:用户程序通过ArkTS接口调用用户首选项读写对应的数据文件。开发者可以将用户首选......
  • CentOS Linux 8x 错误:为仓库 ‘appstream‘ 下载元数据失败 : Cannot prepare interna
    问题描述今天安装CentOS8.5安装完之后,准备更新源仓库环境的时候突然出现错误:为仓库'appstream'下载元数据失败:Cannotprepareinternalmirrorlist:NoURLsinmirrorlist,后面我找了好久没发现有解决这个问题的方法,后面无意看到了https://www.cnblogs.com/cainiaoaixuexi......