美文网首页
vue.js封装和使用子模块

vue.js封装和使用子模块

作者: 沐文乘光 | 来源:发表于2019-12-06 11:43 被阅读0次

综述

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

封装子模块

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

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

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

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

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

相关文章

网友评论

      本文标题:vue.js封装和使用子模块

      本文链接:https://www.haomeiwen.com/subject/ftnsgctx.html