背景:
项目中经常很多页面会复用同一个组件,比如el-table,这时候,我们可以把el-table进一步封装,把在项目中常用到的属性,方法,样式,配置等都封装起来,作为一个新组件进行全局调用使用。
问题:
如何把自己封装的组件作为全局组件进行调用呢?
做法:
以我的经常 *** 作习惯为例,通常会把封装的公共组件放进components中,比如:
然后在scripts中将组件引入,并注册,如图:
最后在main.js中引入scripts,并通过Vue.use注册,即完成了组件的全局注册,如图:
**************************************************************************************************************
至此,就可以在views .vue中引入并使用自己封装的组件
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)