uni-app案例

创建一个新的uni-app项目，并选择创建h5应用。

在pages文件夹下创建一个新的页面，命名为index.vue，并在该文件中编写以下代码：

<template>
  <view class="container">
    <view class="count">{
  { count }}</view>
    <button class="btn" @click="increment">增加</button>
  </view>
</template>

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

<style>
.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.count {
  font-size: 30px;
}
.btn {
  margin-top: 20px;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #007aff;
  color: #fff;
}
</style>

在manifest.json文件中注册该页面：
{
  "pages": [
    {