uview自定义计数器

UView是一个基于Vue的UI组件库，它提供了一套简洁易用的UI元素。如果你想在UView中创建一个自定义计数器功能，你可以按照以下步骤操作：

1. 首先，你需要安装u-view依赖，如果还没有的话，在项目目录下运行`npm install @uview/uview`或`yarn add @uview/uview`。

2. 定义一个Vue组件，比如名为`CustomCounter.vue`：

<template>
  <div class="custom-counter">
    <u-input v-model="count" placeholder="请输入计数"></u-input>
    <button @click="increment">增加</button>
    <button @click="decrement">减少</button>
    <p>当前计数：{{ count }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    increment() {
      this.count++;
    },
    decrement() {
      if (this.count > 0) {
        this.count--;
      }
    },
  },
};
</script>

在这个例子中，我们有一个输入框让用户输入初始值，两个按钮分别用于增加和减少计数，计数结果会显示在旁边。