uniapp 写一个按钮负责文本内容完整代码

以下是一个在uni-app中实现的文本内容随按钮点击而改变的示例代码：

<template>
  <view class="content">
    <text class="text">{{ text }}</text>
    <button class="button" @click="changeText">点击我改变文本内容</button>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        text: '这是初始的文本内容'
      }
    },
    methods: {
      changeText() {
        this.text = '这是更新后的文本内容'
      }
    }
  }
</script>

<style>
  .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
  }

  .text {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .button {
    padding: 10px 20px;
    background-color: #409EFF;
    color: #fff;
    border-radius: 5px;
  }
</style>

以上代码中，通过一个按钮的点击事件来更新 `text` 数据的值，从而改变文本内容。具体实现方式是在 `methods` 中定义一个 `changeText` 方法，在该方法中修改 `text` 的值。在模板中，使用 `{{ text }}` 来显示 `text` 数据的值，并在按钮上绑定 `changeText` 方法。加上一些简单的样式，就可以实现按钮负责文本内容的功能。