Wei Zhang's Blog


  • 首页

  • 标签

  • 分类

  • 搜索

Vue2迁移-data 应始终声明为函数

发表于 2020-12-29 | 分类于 Vue3
字数统计: 491 字 | 阅读时长 ≈ 2 分钟

概览

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

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

阅读全文 »

Vue2迁移-在 prop 的默认函数中访问 this

发表于 2020-12-29 | 分类于 Vue3
字数统计: 123 字 | 阅读时长 ≈ 1 分钟

生成 prop 默认值的工厂函数不再能访问 this。

替代方案:

  • 把组件接收到的原始 prop 作为参数传递给默认函数;

  • 注入 API 可以在默认函数中使用。

    阅读全文 »

Vue2迁移-自定义指令

发表于 2020-12-29 | 分类于 Vue3
字数统计: 522 字 | 阅读时长 ≈ 2 分钟
2.x 语法在 Vue 2,自定义指令是通过使用下面列出的钩子来创建的,这些钩子都是可选的 bind - 指令绑定到元素后发生。只发生一次。 inserted - 元素插入父 DOM 后发生。 update - 当元素更新,但子元素尚未更新时,将调用此钩子。 componentUpdated - ...
阅读全文 »

Vue2迁移-$attrs 包括 class & style

发表于 2020-12-29 | 分类于 Vue3
字数统计: 363 字 | 阅读时长 ≈ 1 分钟

概览

现在 $attrs 包含传递给组件的所有 attribute,包括 class 和 style。

阅读全文 »

Vue2迁移-移除 $listeners

发表于 2020-12-29 | 分类于 Vue3
字数统计: 304 字 | 阅读时长 ≈ 1 分钟

概览

$listeners 对象在 Vue 3 中已被移除。现在事件监听器是 $attrs 的一部分:

1
2
3
4
{
text: 'this is an attribute',
onClose: () => console.log('close Event triggered')
}
阅读全文 »
<1…596061…191>

一期一会

951 日志
46 分类
68 标签
GitHub E-Mail
© 2017 — 2022 Wei Zhang | Site words total count: 684.2k
 本站访客数 人  本站总访问量 次