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 的一部分: 1234{ text: 'this is an attribute', onClose: () => console.log('close Event triggered')} 阅读全文 »