观察一个值，计算另一个值，观察变化时如何更新计算值

Question

我正在观察一个值，我计算了另一个值。

类似这样的：

    computed: {
        modeText: function () {
            if(this.mode == 'create')
                return 'Create'
            else
                return 'Edit'
        }
    },
    watch: {
        mode(val, old) {
            if(val == 'create')
                update modeText
            else
                update modeText
        },
    },

观察值更新时如何重新计算计算值？

Answer 1

似乎modeText 只依赖于mode，因此您可以使用更简单的东西，而不是使用computed：

data: {
    modeText: '',
    mode: ''
},
watch: {
    mode(val, old) {
        this.modeText = this.updateModeText(val);
    },
},
methods: {
    updateModeText(val) {
        if (val === 'create') {
            return 'Create';
        }
        return 'Edit';
    }
}