Hongmeng fourth training

1： Shuffling figure ：

<div class="cb-swiper-container">
        <swiper>
            <image for="{ {list.slice(0.5)}}" src="{ {item.image}}">
            </image>
        </swiper>
</div>

---

 2: Data in （ If the dish name is passed into list）

import list from "../ ../ ../common/datas/cookbook-hotcat.json"
export default {
 
        data: {
            list: []
              },
 
        onReady( {
            this.list = list
             }
}

---

3:list Components : Refer to Huawei official documents

list- Container components - Components -JS application development - Intelligent visual equipment -HarmonyOS Equipment development

---

4: Jump to the page （ Life cycle involved ）：

page A The calling sequence of the lifecycle interface ： Open the page A：onInit() -> onReady() -> onShow()
On the page A Open the page B：onHide() -> onDestroy()
From page B Return page A：onInit() -> onReady() -> onShow()
end page A：onHide() -> onDestroy()
Page hidden to background operation ：onHide()
The page is restored from the background operation to the foreground ：onShow()