在vue中使用ElementUI实现主题切换，并给出代码示例

以下是示例代码：

<template>
  <div>
    <el-button @click="toggleTheme">切换主题</el-button>
    <el-input v-model="inputValue" placeholder="请输入内容"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      isDark: false
    }
  },
  methods: {
    toggleTheme() {
      this.isDark = !this.isDark
      document.body.className = this.isDark ? 'theme-dark' : ''
    }
  }
}
</script>

<style>
.theme-dark {
  background-color: #333;
  color: #fff;
}
</style>

这个示例代码演示了如何在 Vue 中使用 ElementUI 实现主题切换。通过点击按钮，可以切换页面的主题，同时输入框的样式也会随之改变。在这个示例中，我们使用了一个布尔值来表示当前的主题状态，然后根据这个状态来动态修改页面的样式。