vue工程化引入組件模板

vue腳手架搭建好項目後，組件間的引用經過components

    import bannerComponent from './banner'
    export default {
        data(){
            return {

            }
        },
        components:{
            bannerComponent
        }
    }

使用時

<bannerComponent></bannerComponent>

 

【注意】

有時爲了區分明顯，通常在使用時在前面加上v-，因此能夠對上面作下改動

    import bannerComponent from './banner'
    export default {
        data(){
            return {

            }
        },
        components:{
            'v-bannerComponent':bannerComponent
        }
    }

使用時

<v-bannerComponent></v-bannerComponent>

 

 

 

 

 

 

 

.