vue全局组件自动注册
组件的目录结构:子组件的name必须写自动全局注册:1.要新建个global文件夹,里面的js文件是对各个子组件的导入导出操作。2.components下新建index.js文件index.js对global下各个导出的组件进行全局自动注册操作。3.main.js入口文件引用components文件夹到此就注册完毕了使用:刚才说到子组件name必写,页面中使用时对应的子...
·
组件的目录结构:
子组件的name必须写
自动全局注册:
1.要新建个global文件夹,里面的js文件是对各个子组件的导入导出操作。
2.components下新建index.js文件
index.js对global下各个导出的组件进行全局自动注册操作。
3.main.js入口文件引用components文件夹
到此就注册完毕了
使用:
刚才说到子组件name必写,页面中使用时对应的子组件name是什么,vue页面中就写什么便签。
就第一张图片的button.vue子组件来说,它的name是 Button , 所以页面中的标签名称也是它:<Button></Button>
,如图:
效果:
关于如何封装组件请看我的其他文章,Thanks♪(・ω・)ノ
更多推荐
已为社区贡献10条内容
所有评论(0)