uniapp在app.vue里引入自定义tabbar当tabbar的下标为1时显示一个弹框

你可以在App.vue中使用uni-app提供的自定义组件tabbar，在tabbar的第一个tab上绑定一个点击事件，当点击第一个tab时弹出一个对话框。具体实现方法如下：

1. 在App.vue中引入自定义的tabbar组件，例如：

<template>
  <div>
    <custom-tabbar />
    //其他代码
  </div>
</template>

<script>
import customTabbar from '@/components/custom-tabbar.vue'
export default {
  components: {
    customTabbar
  }
}
</script>

2. 在自定义的tabbar组件中绑定点击事件，在点击事件中判断当前点击的tab下标是否为1，如果是则弹出一个对话框。例如：

<template>
  <view>
    <view v-for="(item, index) in tabbarList" :key="index" @click="tabbarClick(index)">
      <image :src="item.iconPath"></image>
      <text>{{ item.text }}</text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      tabbarList: [
        {
          text: '首页',
          iconPath: '/static/tabbar/home.png'
        },
        {
          text: '消息',
          iconPath: '/static/tabbar/message.png'
        },
        {
          text: '我的',
          iconPath: '/static/tabbar/mine.png'
        }
      ]
    }
  },
  methods: {
    tabbarClick(index) {
      if (index === 1) {
        uni.showModal({
          title: '提示',
          content: '您点击了消息tab',
          showCancel: false
        })
      }
    }
  }
}
</script>

这样，当你点击自定义的tabbar的第二个tab时，就会弹出一个对话框显示“您点击了消息tab”。