微信小程序引入扩展组件库

文档：https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/

以tabs为例：

1. 引入组件：npm i @miniprogram-component-plus/tabs--save；
2. 微信开发者工具点击详情，勾选使用npm模块；
   
3. 微信开发者工具点击工具–>构建npm；
4. 在页面的页面 json 文件中加入 usingComponents 字段；

   {
     "usingComponents": {
       "mp-tabs": "@miniprogram-component-plus/tabs"
     }
   }
   

5. 页面 wxml 中使用该组件；

   <mp-tabs 
     tabs="{{tabs}}" 
     activeTab="{{activeTab}}" 
     bindtabclick="onTabCLick"
   >
     <block wx:for="{{tabs}}" wx:key="title">
       <view class="tab-content" slot="tab-content-{{index}}" > {{item.title}} </view>
     </block>
   </mp-tabs>