淘汰計畫
本頁列出目前仍可使用、但預計在 1.0.0 移除的寫法與對應的替代寫法。
1.0.0 起只維護 camelCase 命名與 when 物件,以統一寫法並縮小程式體積。目前尚無已移除的公開 API。
生命週期
| 預計移除 | 改用 |
|---|---|
lifecycle: { ... } 物件 |
when: { ... } |
直接寫在選項頂層的鉤子(如 new QUI({ rendered() {} })) |
放進 when |
before_render |
beforeRender |
before_update |
beforeUpdate |
before_destroy |
beforeDestroy |
new QUI({
id: "app",
when: {
beforeRender: () => {},
},
});
樣式綁定
| 預計移除 | 改用 |
|---|---|
:bg-color、:bg-image、:bg-size 等 :bg-* |
:background-color、:background-image、:background-size |
:borderRadius、:backgroundColor 等 camelCase 名稱 |
:border-radius、:background-color |
:box-sahdow(拼字錯誤的舊名) |
:box-shadow |
kebab-case 的標準 CSS 屬性名稱不受影響,見 樣式綁定。
渲染效果
| 預計移除 | 改用 |
|---|---|
根元素的 animation="fade-in"、animation="expand" |
effect="fade-in"、effect="expand" |
見 渲染效果。