vue.js封装和使用子模块

综述

一般的，有的控件涉及到一些内部数据处理，因此将其封装，然后由外部去使用。这样更符合高内聚低耦合的宗旨，使用的代码量小，维护起来页比较方便。现在就拿日期选择控件举例

封装子模块

1）使用this.$emit将数据抛给外部

例如this.$emit('change', val)， 外部通过监听这个事件就可以获取到那个参数值

2）外部如果要调用子模块的方法，可以通过ref来构建一个引用变量来调用

3）外部可以通过prop来注入初始化信息

例如子模块在props中定义一个msg属性，外部可以通过:msg="初始化变量"传入进来