Vue 2.0 制作列表组件，实现分页、搜索、批量操作等

本文仅讲解如何使用 Vue 创建一个实现分页、搜索、批量操作的列表组件，所以只提供此小组件的代码及说明，不提供其之外的代码或配置

github 地址： https://github.com/jothy1023/vue-component

使用到的技术或框架

• Vue.js (2.0) 一套基于 MVVM 的 progressive framework，可以帮助我们迅速搭建用户界面
• semantic UI 一套漂亮的 UI 框架
• localStorage HTML5 的本地存储 API 之一（另一个为 sessionStorage），顾名思义， localStorage 保存在当前设备内存中，除非主动删除，否则一直存在

准备工作

• 安装 Vue 2.0 (rc.6)
• 引入 semantic.js 文件
• 创建 Audit.vue 文件

具体过程

一个简单的 Vue 组件由三部分组成：html 模板 、JavaScript 脚本 以及 css 样式。下面我们一一来看。
效果图如下：

预览图1

声明：该文观点仅代表作者本人，入门客AI创业平台信息发布平台仅提供信息存储空间服务，如有疑问请联系rumenke@qq.com。

• 上一篇： vue.js中使用set方法
• 下一篇： Vue.js实现多条件筛选、搜索、排序及分页的表格功能