vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法_javascript技巧

上一篇文章介绍了vuejs实现的简单分页，如果我有几个页面都需要有分页效果，不可能每个页面都去复制一下这段代码吧，意思是封装一下，变成通用的组件。

首先使用基础 Vue 构造器，创建一个“子类”,Vue.extend( options )

这儿创建了一个全局的pagenav，可以在其它地方都可以调用。

html代码

css代码

新建一个vue对象实例

简单的用js封装了一下分页组件。

实现效果

以上所述是小编给大家介绍的vuejs2.0实现分页组件使用$emit进行事件监听数据传递，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对PHP中文网的支持！

更多vuejs2.0实现分页组件使用$emit进行事件监听数据传递相关文章请关注PHP中文网！