1.在 Vue 组件的模板中添加一个按钮，用于触发朗读：

在Vue组件的模板中添加一个按钮用于触发朗读，你可以使用HTML元素结合v-on指令来实现。首先，创建一个`<button>`标签，并绑定一个`@click`事件处理程序，这个事件会在用户点击按钮时触发。然后，在事件处理函数中，你可以利用浏览器的语音合成API（如Web Speech API）来进行文字转语音。

例如：

<template>
  <div>
    <button @click="readText">朗读</button>
    <p>{{ textToRead }}</p> <!-- 这里是你要读取的文字内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      textToRead: '这是要朗读的内容',
    };
  },
  methods: {
    readText() {
      const utterance = new SpeechSynthesisUtterance(this.textToRead);
      window.speechSynthesis.speak(utterance);
    },
  },
};
</script>

在这个例子中，当用户点击"朗读"按钮时，`readText`方法会被调用，将`textToRead`属性中的文本传递给`SpeechSynthesisUtterance`构造函数，然后通过`speechSynthesis.speak()`方法启动语音合成。