一、前言 之前的博客聊过 vue2.0和react的技术选型；聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。 vue 的ui框架现在是很多的，但是鉴于移动设备的复杂性，兼容性问题突出。像 Mint-UI 等说实话已经很不错了，但是坑也是 ...

1.自定义 折叠列表 Accordion.vue （1）sass 版本 <!-- 折叠列表 组件 --> <template> <nav :class="$style.accWrapper"> <div :class ...

前面一片文章说了vue2.0过滤器，其实自定义指令跟过滤器非常相似，单就定义方式而言，其与过滤器完全一致，分为局部指令，和全局指令。不过就是filter改为directive的区别。 过滤器一般用于对一些常见文本的格式化，而自定义指令主要是为了对底层DOM实现操作，虽然说vue主要是以 ...

我们知道父组件是使用props传递数据给子组件，如果子组件要把数据传递回去，怎么办？ 那就是要自定义事件！使用v-on绑定自定义事件 每个Vue实例都实现了事件接口（Events interface）, 即 使用$on(eventName) 监听事件 $emit(eventName) 触发事件 ...

，其实就是vue引入新的子组件） 分3步： 在父页面（a.vue）上引入写好的组件 import c ...

1.自定义 图表 组件 Echarts.vue <!-- 自定义 echart 组件 --> <template> <div> <!-- echart表格 --> <div id="myChart ...

1.下拉刷新和上拉加载更多组件 Scroller.vue <!-- 下拉刷新 上拉加载更多 组件 --> <template> <div :style="marginTop" class="yo-scroll" :class ...

1.自定义 提示框 组件 src / components / Toast / index.js /** * 自定义 提示框( Toast )组件 */ var Toast = {}; var showToast = false, // 存储toast显示状态 showLoad ...