vue工程化引入组件模板

时间 2019-11-20

标签 vue 工程引入组件模板繁體版

原文原文链接

vue脚手架搭建好项目后，组件间的引用经过componentsvue

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

            }
        },
        components:{
            bannerComponent
        }
    }

使用时spa

<bannerComponent></bannerComponent>

【注意】code

有时为了区分明显，通常在使用时在前面加上v-，因此能够对上面作下改动component

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

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

使用时blog

<v-bannerComponent></v-bannerComponent>

.class