Day22：动手做一个 app 吧

前言

现在我们要用我们之前学的内容，
做一个简单的 RecipeList APP。

实作

• 打开一个新的专案-RecipeList
  
• 使用 MVVM 结构
  
  
  Models 代表 app 中的数据，
  VIews 表示使用者界面，
  ViewModels 用来管理数据和运行 view 的业务逻辑
• 建立一些虚假数据
  
  
• 刻制 UI
  在 ContentView 中实例化 RecipeModel 并将它分配给变数 model ，
  用列表显示 recipes 数据：
  
  xcode 显示 error，
  这是因为要遍历 array 的元素时，
  在 List 中我们必须指定 id，
  所以我们宣告的 struct Recipe 要符合可宣告协定并且宣告一个变数 id，
  保证每次都会分配一个唯一的 ID：
  
  
• 数据变化时自动更新 UI
  这主要分为三个步骤：
  step1：声明 ViewModel 中的 RecipeModel 符合可观察协定
  
  step2：在 View 中放入一个包装器
  
  step3:放入 published 包装器
  
  实验看看：
  宣告一个 function：
  
  在 ContentView 中宣告一个 button，
  点击这个 button 会印出 function 的内容：
  
  
  这表示 ViewModel 中的数据改变时，
  View 也随着改变。