0.1.0 • Published 3 years ago

furkaies-ui v0.1.0

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

vue 从 0 到 1 搭建 UI 组件库

vue 基本语法 组件基本语法 组件通讯(sync,provide,inject) 插槽的使用 props 的校验 过渡和动画处理 计算属性与监听属性 v-model 语法糖 vue 插件机制 npm 发布

button 按钮组件(类型,颜色透明度,形状,图标字体,点击事件,禁用) 组件通讯 组件插槽 props 校验

dialog 弹出框组件(标题,宽度,位置,事件,显示) vue 过渡与动画 sync 修饰符 具名插槽与 v-slot 指令

input 输入框组件(占位符,类型,禁用,是否显示清空按钮,是否显示密码,name,事件)

switch 开关组件(name,事件,颜色)

radio 单选框组件 radio-group 单选框组件

父传子 props 子传父 emit .sync 直接绑定数据更新事件 update provide 与 inject 祖孙之间的数据通讯

transition 标签制作 vue 动画 animation

scoped 会给组件中所有元素添加一个随机属性 ::v-deep 深度选择器可以修改 scoped,进行覆盖

Vue.nextTick Vue 实现响应式并不是数据发生变化后 DOM 立即发生变化,而是异步执行 DOM 更新,所以想要获取数据更新后的 DOM 就必须使用 nextTick 异步获取,然后再进行操作

新建 vue 项目,选择 Babel,sass-dart,新建 packages 放入全部组件,字体文件,新建 index.js,新建 vue.config.js,修改 src 为 examples,package.json 加入打包构建命令,发布到 npm

修改 config.js,新建.npmignore,上传命令: nrm ls