在SwiftUI中使用MVVM架構模式可以幫助我們更好地管理數據和UI之間的關系,使代碼更加清晰和可維護。下面是一些基本的步驟指導您如何在SwiftUI中使用MVVM架構模式:
struct User {
var id: Int
var name: String
}
class UserViewModel: ObservableObject {
@Published var users: [User] = []
func fetchUsers() {
// 這里可以用來從網絡請求數據或者從本地數據庫獲取數據
self.users = [
User(id: 1, name: "Alice"),
User(id: 2, name: "Bob")
]
}
}
struct UserListView: View {
@ObservedObject var viewModel = UserViewModel()
var body: some View {
List(viewModel.users) { user in
Text(user.name)
}
.onApper {
viewModel.fetchUsers()
}
}
}
在這個例子中,我們創建了一個UserListView來顯示用戶列表,它觀察UserViewModel的數據變化并在視圖出現時調用fetchUsers()方法獲取數據。
通過使用MVVM架構模式,我們可以更好地分離數據和UI,并使代碼更加清晰和可維護。同時,ViewModel還可以幫助我們處理數據的邏輯操作,使得我們的視圖更加簡潔和易于測試。