vue.js - 如何使用依赖于数据、道具或计算中的字段的方法为 Vue mixin 实现干净的接口

Question

我有这个混音：

export default {
    computed: {
        headerValues: function () {
            return this.headers.map(header => header.value);
        }
    },
    methods: {
        getTextAlignment(headerValue) {
            const header = this.headers.find(header => header.value === headerValue);

            return header.align
                ? `text-${header.align}`
                : '';
        },
    }
};

该方法和计算属性取决于一个名为 的字段headers。现在我有两个使用该 mixin 的组件，但其中一个headers是prop，另一个是计算属性。

我想以某种方式使这个 mixin 自包含，因此它的方法不依赖于用户可能忘记声明的字段。这是一个有点分散的问题，但我想要实现的是一个具有定义明确的接口的 mixin，它的功能没有在导入它的那些组件和它本身之间拆分。有任何想法吗？