组件源码：
https://github.com/AntJavascript/widgetUI/tree/master/Flex
组件说明：
一个让子元素竖着排列的组件，（只有子元素个数大于1个时，才会有效果）
TIM图片20181030164146.png
组件结构：
<template>
<div class='wt-flex'>
<slot></slot>
</div>
</template>
css代码：
.wt-flex {
display: flex;
justify-content: space-between;
flex-direction: column;
height: 100%;
}
组件源码：
https://github.com/AntJavascript/widgetUI/tree/master/Flex
组件源码：https://github.com/AntJavascript/widgetUI/tree/maste...
flex坑 水平居中 vue坑 vue组件 vue-awesome-picker 组件的使用vue-awesome...
VUE系列之非父子组件之间的通讯
Vue组件化开发 组件化开发的思想 组件的注册 组件间的数据交互 组件插槽的用法 Vue调试工具的用法 组件开发思...
组件源码：https://github.com/AntJavascript/widgetUI/tree/maste...
组件源码：https://github.com/AntJavascript/widgetUI/tree/maste...
组件源码：https://github.com/AntJavascript/widgetUI/tree/maste...
组件源码： https://github.com/AntJavascript/widgetUI/tree/mast...
组件源码：https://github.com/AntJavascript/widgetUI/tree/maste...
组件源码：https://github.com/AntJavascript/widgetUI/tree/maste...
本文标题：Vue组件开发系列之Flex组件
本文链接：https://www.haomeiwen.com/subject/gxngtqtx.html
网友评论