vue.js封装和使用子模块

综述

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

封装子模块

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

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

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

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

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容