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>

 

 

 

 

 

 

 

.