Vue 3.0 Data选项_资讯

Vue 3.0 Data选项

创始人

2025-05-30 09:39:47

0次

#概览

非兼容：data 组件选项声明不再接收纯 JavaScript object，而需要 function 声明。

当合并来自 mixin 或 extend 的多个 data 返回值时，现在是浅层次合并的而不是深层次合并的(只合并根级属性)。

#2.x Syntax

在 2.x 中，开发者可以定义 data 选项是 object 或者是 function。

例如：

虽然这对于具有共享状态的根实例提供了一些便利，但是由于只有在根实例上才有可能，这导致了混乱。

#3.x Update

在 3.x，data 选项已标准化为只接受返回 object 的 function。

使用上面的示例，代码只有一个可能的实现：

#Mixin 合并行为变更

此外，当来自组件的 data() 及其 mixin 或 extends 基类被合并时，现在将浅层次执行合并：

const Mixin = {
data() {
return {
user: {
name: 'Jack',
id: 1
}
}
}
}
const CompA = {
mixins: [Mixin],
data() {
return {
user: {
id: 2
}
}
}
}

在 Vue 2.x中，生成的 $data 是：

{
user: {
id: 2,
name: 'Jack'
}
}

在 3.0 中，其结果将会是：

{
user: {
id: 2
}
}

#迁移策略

对于依赖对象声明的用户，我们建议：

将共享数据提取到外部对象并将其用作 data 中的 property
重写对共享数据的引用以指向新的共享对象

对于依赖 mixin 的深度合并行为的用户，我们建议重构代码以完全避免这种依赖，因为 mixin 的深度合并非常隐式，这让代码逻辑更难理解和调试。

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：Java中原子操作的实现原理

下一篇：同一片天空共眠，同一个梦想奋斗《大抠车始歌》（1）

热门资讯

初识C语言（3）操作符，关键字（typedef、static）,指针

AIDL 详细介绍及使用一、AIDL是什么？ AIDL 意思即 Android Interface Defi...

高中生暑假物理学习计划高中生暑假物理学习计划　　时间过得太快，让人猝不及防，我们又将接触新的学习内容，学习新的技能，积累新...

校本教研工作计划校本教研工作计划汇编8篇　　光阴的迅速，一眨眼就过去了，又解锁了新的工作，现在这个时候，你会有怎样的...

教研室工作计划【精华】教研室工作计划范文七篇　　时间过得真快，总在不经意间流逝，迎接我们的将是新的生活，新的挑战，...

销售工作计划【必备】销售工作计划模板（精选10篇）　　时间的脚步是无声的，它在不经意间流逝，迎接我们的将是新的生...

es6和commonJs的区别一、export语句的区别： ES6 和 CommonJS 是两种不同的 JavaSc...

小学第六册品德与社会教学工作... 小学第六册品德与社会教学工作计划　　时间是箭，去来迅疾，我们又将迎来新一轮的努力，让我们一起来学习写...

【蓝桥杯专题】枚举、模拟与排序... 菜狗现在才开始备战蓝桥杯QAQ 文章目录【蓝桥杯专题】（C++ |...

锚点定位方案一背景知识: 1.1 #号的作用 #代表网页中的一个位置。其右面的字符，就是该位置的...

【游戏逆向】《**明月刀》BU... 为了提高游戏的可玩性，也为了提高外挂制作的难度，很多游戏对BOSS的技能...

个人工作计划软件个人工作计划软件合集5篇　　时间就如同白驹过隙般的流逝，很快就要开展新的工作了，先做一份工作计划，开...

初三数学教学工作计划初三数学教学工作计划九篇　　日子如同白驹过隙，不经意间，迎接我们的将是新的生活，新的挑战，现在就让我...

[Java Web]JSP基础... ⭐作者介绍：大二本科网络工程专业在读，持续学习Java，努...

044、复习day02 文章目录minds一、面经01、HTTP02、TCP03、JUC04、SE基础二、力扣01、对称的二...

CentOS下安装Redis7... Redis安装配置一、环境准备操作系统：CentOS 7 如何确定linux是多...

八年级数学教学工作计划八年级数学教学工作计划(15篇)　　日子在弹指一挥间就毫无声息的流逝，迎接我们的将是新的生活，新的挑...

物业工作总结及工作计划物业工作总结及工作计划15篇　　总结是指社会团体、企业单位和个人在自身的某一时期、某一项目或某些工作...

学生会文艺部工作计划学生会文艺部工作计划　　又是一个新的学期，新的开始，我们迎来了新的挑战和新的机遇;对于文艺部的组建，...

python正则化一、re模块简介聊到Python正则表达式的支持，首先肯定会想到re库，...