上一篇文章介绍了vuejs实现的简单分页，如果我有几个页面都需要有分页效果，不可能每个页面都去复制一下这段代码吧，意思是封装一下，变成通用的组件。
首先使用基础 Vue 构造器，创建一个“子类”,Vue.extend( options )
这儿创建了一个全局的pagenav，可以在其它地方都可以调用。
html代码
css代码
新建一个vue对象实例
简单的用js封装了一下分页组件。
实现效果
以上所述是小编给大家介绍的vuejs2.0实现分页组件使用$emit进行事件监听数据传递，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对PHP中文网的支持！
更多vuejs2.0实现分页组件使用$emit进行事件监听数据传递相关文章请关注PHP中文网！
下载本文