javascript - 以为我了解 Knockout.js，现在我不太确定

Question

非常不确定我是否曾经理解现在不理解，或者我不理解现在我开始……或者我不理解现在仍然不理解。

我正在构建一个让用户可以预约的应用程序。

屏幕 1:选择位置和服务类型(选项列表，确认按钮并继续)

屏幕 2:选择一个可用的预约时间(表格、确认按钮并继续)

屏幕 3:输入姓名和联系信息(文本输入，确认按钮并继续)

屏幕 4:输入验证码(发短信给用户，按钮确认并继续)

屏幕 5:显示确认码

我正在重构，因为我意识到一切都在我的 ViewModel 中，但不确定什么属于我的模型以及什么属于我的 ViewModel。我只是将 selectedLocation(用户从列表中选择的项目)放在模型中，但我需要它可以被 View 访问，所以我这样做了:

self.selectedLocation = ko.pureComputed({
    read: function() {
        return self.model.selectedLocation();
    },
    write: function(value){
        self.model.selectedLocation(value);
    }
});

这看起来很疯狂。

这应该只在 ViewModel 中吗？我是否应该在模型中有一个 selectedLocation 变量，在 ViewModel 中有一个 currentlySelectedLocation，然后在用户确认位置和服务类型时更新 model.selectedLocation？

每个单独的屏幕都应该有自己的 View 模型吗？我正在使用单个 .html 文件并更新显示的内容，而不是逐页更新。

我确定我没有包含一些重要的信息，我很抱歉，很乐意回答任何问题。

如有任何帮助，我们将不胜感激。

Answer 1

observables 最酷的地方在于你可以在其他对象中使用它们:

self.selectedLocation = self.model.selectedLocation;

但我建议直接绑定(bind)到 model.selectedLocation 也可以。在 Knockout 中，不需要区分模型/ View 模型；一切都是 View 模型。