uniapp的tabBar在指定页面使用

要在指定页面使用uniapp的tabBar，可以按照以下步骤进行操作：

1. 在App.vue中定义tabBar的结构和样式，并将其作为组件引入。例如：

<template>
  <div>
    <router-view/>
    <tab-bar :selected="selected"/>
  </div>
</template>

<script>
import tabBar from "@/components/tabBar.vue";

export default {
  components: {
    tabBar
  },
  data() {
    return {
      selected: "home"
    };
  }
};
</script>

2. 在需要显示tabBar的页面中，设置对应的selected值即可。例如：

<template>
  <div>
    <h1>这是首页</h1>
  </div>
</template>

<script>
export default {
  created() {
    this.$parent.selected = "home";
  }
};
</script>

在这个例子中，当进入首页时，会将App.vue中的selected值设置为"home"，从而显示对应的tabBar项。

注意，如果要在多个页面中使用tabBar，需要在每个页面中设置对应的selected值。同时，由于tabBar是作为App.vue的子组件存在的，因此需要使用$parent来访问它。