文件 v0.6.19

淘汰計畫

本頁列出目前仍可使用、但預計在 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"

見 渲染效果。

EN