javascript - Ember Octane Route 类是否支持使用 mixins？

Question

我正在升级到 Ember Octane，并且我了解到 mixin 已被弃用。我将继续使用它们，直到我弄清楚如何更换它们。与此同时，我想将我的路由切换为使用新的类语法，而不是 Route.extend。新的路由类语法是否支持路由混合？如果是，怎么办？

这与 Ember Octane Upgrade How to pass values from component to controller 相关

Ember 前辛烷值:

import Route from '@ember/routing/route';
import AbcAuthenticatedRouteMixin from '../../mixins/abc-authenticated-route-mixin';

export default Route.extend(AbcAuthenticatedRouteMixin, {

    model() {

        return {
            oldPassword: '',
            newPassword: '',
            confirmPassword: ''
        };
    },
})

Ember 后辛烷值:

import Route from '@ember/routing/route';
import AbcAuthenticatedRouteMixin from '../../mixins/abc-authenticated-route-mixin';

export default class ChangePasswordRoute extends Route(AbcAuthenticatedRouteMixin, {

    model() {

        return {
            oldPassword: '',
            newPassword: '',
            confirmPassword: ''
        };
    },
}) // I get an error here that says: '{' expected

Answer 1

原生类语法并不直接具有 Ember mixin 系统的等效语法。如果您想在转换为 Octane 时继续使用 mixin，可以通过将经典类扩展语法与 native 类语法混合来实现:

尝试

import Route from '@ember/routing/route';
import AbcAuthenticatedRouteMixin from '../../mixins/abc-authenticated-route-mixin';

export default class ChangePasswordRoute extends Route.extend(AbcAuthenticatedRouteMixin) {

    model() {

        return {
            oldPassword: '',
            newPassword: '',
            confirmPassword: ''
        };
    }
}

此外，一些新的框架类，例如 Glimmer 组件，根本不支持 Ember mixin。 future mixins将会从框架中移除，不会直接替换。对于使用 mixins 的应用程序，建议的路径是将 mixins 重构为其他模式，包括:

Pure native classes, sharing functionality via class inheritance. Utility functions which can be imported and used in multiple classes. Services which can be injected into multiple classes, sharing functionality and state between them.