Vue Composable
made with Vuejs

Vue Composable

这是一个包含30+个通用组件的组件集合。

相关问答
暂无相关问题
查看全部
简介及使用教程

VUE-Composable提供了基于Typscript的组合API组件,包含了i18n、验证、分页、事件等的30多个通用组件。

这个库的目标是成为许多现实世界中可组合的功能的一站式商店,使用具有侵略性的tree-shaking,让你的最终代码轻量化。

安装

Npm

npm install @vue/composition-api vue-composable

Yarn

yarn add @vue/composition-api vue-composable

vue3.0

yarn

yarn add vue-composable@next

npm

npm install vue-composable@next

使用

<template>
  <div>
    <p>page {{ currentPage }} of {{ lastPage }}</p>
    <p>
      <button @click="prev">prev</button>
      <button @click="next">next</button>
    </p>
    <ul>
      <li v-for="n in result" :key="n">
        {{ n }}
      </li>
    </ul>
  </div>
</template>

<script>
import { useArrayPagination } from "vue-composable";

export default {
  setup() {
    const array = new Array(1000).fill(0).map((_, i) => i);
    const { result, next, prev, currentPage, lastPage } = useArrayPagination(
      array,
      {
        pageSize: 3
      }
    );

    return { result, next, prev, currentPage, lastPage };
  }
};
</script>

image.png

作者

Carlos Rodrigues

@pikax_dev

相关项目

这是一个类似于Gridster的栅格布局系统, 适用于Vue.js。
这是一个防止页面离开/重新加载组件。
这是一个支持“查看源码”的Vue指令。
这是一个图片显示视差指令。
这是一个Vue Composition API实用程序的集合。
这是一个Vue.js的简单事件处理插件。
这是一个用于在组件外部呈现DOM的Portal组件。