0.0.5 • Published 3 years ago
kthec-ui
Project setup
npm install kthec-ui
完整安装
import kthecUi from 'kthec-ui'
createApp(App)
.use(kthecUi)
.mount('#app')
按需引入
import {ktList} from 'kthec-ui'
createApp(App)
.use(ktList)
.mount('#app')
注意事项
1.在组件包下需要有单独导出的js并在kthec-ui.js中引入
2.组件库在dev模式下依赖elementui但是打包后并不会将elementui打包进入,所以其他项目在安装组件库后需要另外自行安装
3.组件的demo放到examples/views下的文件夹里,页面文件写上name属性,可以提供各类参数的功能以及效果展示,组件参数尽量使用基本参数如果有自定义对象要记得写上说明
4.每个组件需要有自己的组件名称命名为kt-xxx格式(不写会导致安装失败)
5.css的样式不要采用行内样式的写法,也不要全局样式覆盖注意作用域,如果需要绑定动态样式,样式的绑定对象也需要在props传入参数内给出
6.引入其他第三方库时尽量按需引入减少打包后文件的体积
7.组件库的入口为index.js导入packages包下的组件,打包时examples下的文件将被排除掉
8.由于和vite的兼容性原因,编写组件时引入文件时路径避免使用@/xxxx/xxx以及一些node的语法
9.不用使用this.$parent组件直接要尽量做到独立,可以使用props向上回调
10.谨慎使用this.$refs尽量通过组件去提供API实现功能,不要使用JQuery , document.getElement*,document.queryElement去操作dom