提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

vue工程化引入组件模板

Vue模板组件 引入 工程化
2023-09-11 14:19:07 时间

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>

 

 

 

 

 

 

 

.

相关文章