某個(gè)項(xiàng)目的app.vue文件:

<template>

  <div id="app">

    //在這里調(diào)用你的組件

    <TopContainer></TopContainer>

    <BHeader></BHeader>

    <BContent :rows="rows"></BContent>

    <BNavSide :options="options" v-on:change="isShowMask"></BNavSide>

    <div class="wnd-mask" ref="mask" v-show="showMask"></div>

  </div>

</template>

<script>

//在這里import組件

import TopContainer from 'components/common/TopContainer.vue'

import BHeader from 'components/common/BHeader.vue'

import BContent from 'components/content/BContent.vue'

import BNavSide from 'components/nav/BNavSide'

import { mapGetters } from 'vuex'

export default {

  name: 'app',

  //在這里寫用到的組件

  components: {

    TopContainer,

    BHeader,

    BContent,

    BNavSide

  }

}

</script>

授人以魚不如授人以漁，根據(jù)上面的方法就可以解決你的問題了