WPF Frame/Page 模式下 ViewModel 设计与使用指南

在使用 Frame/Page 模式时，每个 Page 都应该有自己的 ViewModel，ViewModel 应该与 Page 紧密绑定，以便 Page 能够正确地显示数据和响应用户交互。

以下是基于 WPF 的 Frame/Page 模式中如何设计和使用各个 Page 的 ViewModel 的步骤：

创建一个基本的 ViewModel 类，并在其中定义与 Page 相关的属性和方法。
在每个 Page 中实例化该 ViewModel，并将其设置为 Page 的 DataContext。例如，可以在 Page 的构造函数中创建 ViewModel 的实例：
```
public partial class MyPage : Page
{
    public MyPage()
    {
        InitializeComponent();
        DataContext = new MyPageViewModel();
    }
}
```
在 ViewModel 中定义需要绑定到 Page 的属性和命令，并在 Page 上使用数据绑定来绑定它们。例如，可以在 ViewModel 中定义一个名为 'Title' 的属性，并在 Page 的 XAML 中使用数据绑定来将其绑定到 TextBlock 的 Text 属性：
```
<TextBlock Text='{Binding Title}' />
```
在 ViewModel 中定义需要响应用户交互的命令，并在 Page 上使用 Command 绑定来绑定它们。例如，在 ViewModel 中定义一个名为 'SaveCommand' 的命令，并在 Page 的 XAML 中使用 Command 绑定将其绑定到 Button 的 Command 属性：
```
<Button Content='Save' Command='{Binding SaveCommand}' />
```

通过以上步骤，每个 Page 都有自己的 ViewModel，并且可以正确地显示数据和响应用户交互。此外，通过使用数据绑定和命令绑定，ViewModel 和 Page 之间的解耦也得到了保证。