代码举例，在vue生命周期函数created和mounted中中，绑定事件有什么妙用

在Vue的生命周期函数created和mounted中，绑定事件可以让我们在组件创建和渲染完成后，对DOM元素进行事件绑定，从而实现一些交互功能。具体来说，可以通过以下方式进行事件绑定：

1. 使用v-on指令：在模板中使用v-on指令，绑定事件名称和处理函数即可。例如：

<template>
  <button v-on:click="handleClick">点击我</button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('按钮被点击了')
    }
  }
}
</script>

2. 使用addEventListener方法：在生命周期函数中使用addEventListener方法，给DOM元素绑定事件。例如：

<template>
  <button ref="btn">点击我</button>
</template>

<script>
export default {
  mounted() {
    this.$refs.btn.addEventListener('click', this.handleClick)
  },
  beforeDestroy() {
    this.$refs.btn.removeEventListener('click', this.handleClick)
  },
  methods: {
    handleClick() {
      console.log('按钮被点击了')
    }
  }
}
</script>

需要注意的是，使用addEventListener方法需要在组件销毁前手动移除事件监听器，以避免内存泄漏。在上面的例子中，我们在beforeDestroy生命周期函数中使用removeEventListener方法移除事件监听器。