此篇幅主要介绍、我们是如何做组件的,如有不足和建议请留言,在此感谢,项目目前阶段还处在少年,一直在迭代
组件目录结构如图
├── 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统一注册-文章结束,原创不易,感谢浏览!