前言
为了练习vue.js 之前做了一个vue.js前端分页效果,后面看到vue.js组件内容,就试着把这个功能写成一个简单组件,向组件元素传递一个object参数,包含分页数据,显示的列名信息,分页信息,组件提供一个事件,传递给父元素一个分页信息,父元素拿着分页信息获取数据,修改之前的object。这样就实现了分页效果。
效果
知识点
components 组件
props 父级向组件传参
template 模板
computed 计算属性
$emit() 组件事件,组件先父级元素传参
html内容
对比之前html内容简洁多了。
<!DOCTYPE html