vue2.x搭建saas项目系列之六:component统一注册

此篇幅主要介绍、我们是如何做组件的,如有不足和建议请留言,在此感谢,项目目前阶段还处在少年,一直在迭代

组件目录结构如图

├── components         # 组件相关所有文件

│   │── basicCp                             #  基础组件 可延伸

│   │── businessCp                       #  业务型组件 比较固定

│   │── Element                             # Element     

│   └── index.ts                              #  核心配置文件

 这里主要介绍下index.ts,组件业务场景不同,有些支持同步加载,有些支持异步加载

// basicCp 同步加载
// button
import ffuiButton from './basicCp/Button/index.vue'
Vue.component('ffui-button', ffuiButton )

异步加载
// 返回顶部
Vue.component('ffui-back-to-top', () => import('./basicCp/BackToTop/index.vue'))

main.ts

// 全局 引入 自定义组件
import '@/components'

到此,component统一注册-文章结束,原创不易,感谢浏览!

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值