HarmonyOS.2

（1）.自定義組件的創建

1. 定義一個專門存放自定義組件的文件夾 components.tabbar 並設置3個基礎文件 tabbar.hml、tabbar.js、tabbar.css，需要注意的是：3個文件的文件名必須保持一致，不然會存在找不到文件的情况。該自定義組件的目的是給頁面底部配置一個 tabbar 選項卡體驗。
2. 設置底部選項卡對應的 json 數據源，用來保存 icon 圖片、標題，以及點擊選中後的 icon 圖片。
3. 使用 toolbar + toolbar-item 內置組件構建底部 tabbar 選項卡服務「tabbar.hml」
4. 導入 tabbarItem 數據，並設置對應 data ，同時設置點擊事件 動態設置點擊對應 icon 選中。
5. 設置 CSS 樣式 將 tabbar 選項卡置底「tabbar.css」

（2）自定義組件的調用

1. name 屬性指自定義組件名稱(非必填)，組件名稱對大小寫不敏感，默認使用小寫，src 屬性指自定義組件hml 文件路徑(必填)，若沒有設置 name 屬性，則默認使用 hml 文件名作為組件名。

2. 事件綁定：自定義組件中綁定子組件事件使用 (on|@)child1 語法，子組件中通過 this.$emit('child1', { params: '傳遞參數' }) 觸發事件並進行傳值，父組件執行 bindParentVmMethod 方法並接收子組件傳遞的參數。

（3）父組件通過slot向子組件發布內容

        1.普通slot插槽分發內容 

         2.具名插槽分發內容

（3）路由功能的實現

        頁面的定義：

1. 在 Pages 文件夾下面新建一個文件夾代錶需要的路由，當然，我們也可以新建一個 Ablity 體驗，這裏演示 Pages.Name。

2. 在 新建的文件夾下面務必需要注意新建三個文件 index.hml、index.js、index.css 三個文件，該文件名必須使用 index 來進行命名，使用其他命名會造成文件依賴無法找到。

   快捷方式，可以選擇到對應的 Ability Pages 文件夾下面，然後 new page 直接添加頁面，並會自動注册好路由，這是比較方便的

3. 在 config.json 文件中

   路由的使用： 

        1.導入路由模塊

        2.router.push(OBJECT)，跳轉到應用內的指定頁面。

        3.router.replace(OBJECT)，用應用內的某個頁面替換當前頁面，並銷毀被替換的頁面。

        4.router.back(OBJECT)，返回上一頁面或指定的頁面。

        5.router.clear()，清空頁面棧中的所有曆史頁面，僅保留當前頁面作為棧頂頁面。

        6.router.getLength()，獲取當前在頁面棧內的頁面數量。

        7.router.getState()，獲取當前頁面的狀態信息。