最近在寫微信小程式（原生），頁面tabbar之前使用得是在app.json檔案中配置得，但是由於業務需求，點選tabbar按鈕之前需要校驗使用者是否登入了，所以整個tabbar都要重新自定義，好在微信小程式在app.json檔案中提供了一個custom得屬性，將custom設定為true後，稍作修改就可以使用了；不過在使用過程中，由於自己的粗心 導致遇到了一些問題。

微信官方文件連結：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

一、配置資訊
　　1、在 app.json 中的 tabBar

　　2、所有 tab 頁的 json 裡需宣告 usingComponents 項，也可以在 app.json 全域性開啟。（注：usingComponents直接賦值為空物件即可）

二、新增tabbar檔案

　　在程式碼根目錄下新增入口檔案: （與pages同級的目錄下新增custom-tab-bar資料夾，並生成index的檔案(直接在微信開發者工具的編輯器裡得custom-tab-bar資料夾下右擊->新建component->輸入index即可)）

三、新增tabbar檔案程式碼

1、custom-tab-bar/index.js檔案

　　2、custom-tab-bar/index.wxml檔案

3、custom-tab-bar/index.wxss檔案

4、custom-tab-bar/index.josn檔案

四、需要用到tabbar頁面需要新增得程式碼

　　js檔案（selected:點選第幾個 就在對應得頁面中配置下 並賦值與其對應得index）

　 注意：如果在app.json檔案中沒有新增（"usingComponents"：{}），則需要在json檔案中新增新增"usingComponents"：{} （千萬不能忘記了哦 ）