微信小程序——創建組件及引用

一、先新建組件文件夾，如果有多個組件，創建一個組件目錄component，我這裏就一個組件,就不單獨放一個目錄了

在pages下右鍵創建nav組件目錄，在nav目錄右鍵新建組件 ，組件文件navigation

 

二、配置組件

首先是navigation.json文件 component：true

{
    "component": true,
    "usingComponents": {}
}

然後是app.json

{
    "pages": [
        "pages/index/index",
        "pages/nav/navigation"
    ],
    "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTitleText": "WeChat",
        "navigationBarTextStyle": "black"
    },
    "sitemapLocation": "sitemap.json",
    "usingComponents": {
        "navtab": "pages/nav/navigation"
    }
}

三、頁面引用

這是組件裏的內容，然後其他頁面引用，我這裏是t_list.wxml頁面引用，直接寫在app.json裏定義的名字<navtab>就可以

t_list頁面就直接可以展示組件裏的內容