Привязать ViewModel к MainPage.xaml

Question

У меня есть следующий код в моем MainPage.xaml.cs

public partial class MainPage : UserControl
    {
        private IsolatedStorageSettings userLogin = IsolatedStorageSettings.ApplicationSettings;
        private UserDataContract currentUser;
        private MainViewModel mainViewModel;

        public MainPage()
        {
            InitializeComponent();
        }

        // If an error occurs during navigation, show an error window
        private void ContentFrameNavigationFailed(object sender, NavigationFailedEventArgs e)
        {
            e.Handled = true;
            ChildWindow errorWin = new ErrorWindow(e.Uri);
            errorWin.Show();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            HtmlPage.Window.Navigate(new Uri("#/Fields/Edit", UriKind.Relative));
        }

    }

Теперь я хотел бы привязать свою ViewModel к MainPage.xaml, как я могу это сделать?

            mainViewModel = new MainViewModel();
            this.LayoutRoot.DataContext = loginViewModel;

На самом деле не работает

Answer 1

public MainPage()
    {
        InitializeComponent();
        mainViewModel = new MainViewModel();
        this.DataContext = mainViewModel ;
    }