96SEO 2026-06-14 18:01 14
哎呀,聊起 Swift 的 MVVM,咱们先放轻松,别把自己逼得太紧。
先说说 MVVM 是啥玩意儿其实啊,MVVM 就是 Model、View、ViewModel 三层分工。

Model 只管装数据,别想干别的。
View 就是界面你点我就响应。
ViewModel 则在中间搬砖,负责业务逻辑、数据加工,还要把结果丢回 View。
这么一拆分,你的代码就不会像粘土一样乱糟糟。
准备工作:创建项目结构先打开 Xcode,新建一个 Single View App。
把文件夹划分成 Model、View、ViewModel 三块儿。
别忘了在 Info.plist 里打开 App Transport Security Settings,免得网络请求被拦住。
我们用Zui简洁的结构体来表示列表项:
struct ListItem: Codable {
let id: Int
let title: String
let subtitle: String
}
这玩意儿以后Ke以直接喂给 JSONDecoder,省事儿。
二、视图层——UITableView + 自定义 Cell自定义 Cell 只负责 UI,别让它背负业务逻辑,否则以后调试会抓狂。
class ListCell: UITableViewCell {
private let titleLabel = UILabel
private let subtitleLabel = UILabel
override init {
super.init
setupUI
}
required init? { fatalError has not been implemented") }
private func setupUI {
titleLabel.font = .systemFont
subtitleLabel.font = .systemFont
subtitleLabel.textColor = .gray
contentView.addSubview
contentView.addSubview
titleLabel.translatesAutoresizingMaskIntoConstraints = false
subtitleLabel.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate()
}
func bind {
titleLabel.text = model.title
subtitleLabel.text = model.subtitle
}
}
三、视图模型层——数据驱动 UI
这里我们用闭包把刷新和点击事件抛给 View。说实话,这种方式比 Delegate 简单多了。
class ListViewModel {
private var items: =
var onDataChanged: -> Void)?
var onItemSelected: -> Void)?
func fetchData {
// 模拟网络延迟
DispatchQueue.global.asyncAfter + 1) { in
guard let self = self else { return }
self.items =
DispatchQueue.main.async {
self.onDataChanged?
}
}
}
func item -> ListItem? {
guard index>= 0 && index
四、控制器——把一切串起来
class ListVC : UIViewController {
private let tableView = UITableView
private let viewModel = ListViewModel
override func viewDidLoad {
super.viewDidLoad
title = "MVVM 列表 Demo"
view.backgroundColor = .white
setupTable
bindVM
viewModel.fetchData
}
private func setupTable {
view.addSubview
tableView.frame = view.bounds
tableView.register
tableView.dataSource = self
tableView.delegate = self
}
private func bindVM {
viewModel.onDataChanged = { in
self?.tableView.reloadData
}
// 点击事件弹窗提示
viewModel.onItemSelected = { item in
let alert = UIAlertController
alert.addAction)
self?.present
}
}
}
extension ListVC : UITableViewDataSource, UITableViewDelegate {
func tableView -> Int {
return viewModel.items.count
}
func tableView -> UITableViewCell {
guard let cell = table.dequeueReusableCell as? ListCell,
let model = viewModel.item else {
return UITableViewCell
}
cell.bind
return cell
}
func tableview {
table.deselectRow
viewModel.selectItem
}
}
五、细节优化:下拉刷新 & 上拉加载geng多
这块儿其实hen简单,直接给 Table 加 UIRefreshControl,然后在闭包里再调一次 fetchData。上拉加载的话,用 scrollViewDidScroll 检测到底部再拼接新数据即可。哈哈,这里不展开了留点悬念给你们自己玩哈。
说实话,有时候写的技术博客被百度忽略,就是因为 SEO 基础没打好。比如缺少标签,又或者标题里没有关键词“Swift MVVM”。还有就是内容太碎片化,搜索引擎觉得价值不高。咱们这篇文章里特意加入了“Swift如何实现MVVM列表展示与交互”这些词汇,希望Neng帮到大家防止被“黑洞”吞掉。
七、常见坑点速查表- Cell 重用导致数据显示错位?记得在 .prepareForReuse 把旧数据清空。
- ViewModel 持有强引用导致循环引用?闭包里一定要用 捕获列表。
- 网络错误没处理?加个错误回调,让 UI Neng弹出提示框或空状态页。
八、一下吧M V V M kan似复杂,其实就是把职责拆开来各司其职。
- Model:纯粹的数据结构,无 UI 碎片;
- View:只管渲染和交互,不Zuo业务;
- ViewModel:桥梁角色,把业务搬到这里用闭包或 Rx 把变化推送到 View。
这么一套下来你的代码可读性提升不少,以后维护也不会像拆炸弹一样惊心动魄。害,你要是还有啥不懂的,就留言哈,我抽空再聊!
end of story作为专业的SEO优化服务提供商,我们致力于通过科学、系统的搜索引擎优化策略,帮助企业在百度、Google等搜索引擎中获得更高的排名和流量。我们的服务涵盖网站结构优化、内容优化、技术SEO和链接建设等多个维度。
| 服务项目 | 基础套餐 | 标准套餐 | 高级定制 |
|---|---|---|---|
| 关键词优化数量 | 10-20个核心词 | 30-50个核心词+长尾词 | 80-150个全方位覆盖 |
| 内容优化 | 基础页面优化 | 全站内容优化+每月5篇原创 | 个性化内容策略+每月15篇原创 |
| 技术SEO | 基本技术检查 | 全面技术优化+移动适配 | 深度技术重构+性能优化 |
| 外链建设 | 每月5-10条 | 每月20-30条高质量外链 | 每月50+条多渠道外链 |
| 数据报告 | 月度基础报告 | 双周详细报告+分析 | 每周深度报告+策略调整 |
| 效果保障 | 3-6个月见效 | 2-4个月见效 | 1-3个月快速见效 |
我们的SEO优化服务遵循科学严谨的流程,确保每一步都基于数据分析和行业最佳实践:
全面检测网站技术问题、内容质量、竞争对手情况,制定个性化优化方案。
基于用户搜索意图和商业目标,制定全面的关键词矩阵和布局策略。
解决网站技术问题,优化网站结构,提升页面速度和移动端体验。
创作高质量原创内容,优化现有页面,建立内容更新机制。
获取高质量外部链接,建立品牌在线影响力,提升网站权威度。
持续监控排名、流量和转化数据,根据效果调整优化策略。
基于我们服务的客户数据统计,平均优化效果如下:
我们坚信,真正的SEO优化不仅仅是追求排名,而是通过提供优质内容、优化用户体验、建立网站权威,最终实现可持续的业务增长。我们的目标是与客户建立长期合作关系,共同成长。
Demand feedback