Vue使用DOM的代码示例

当然，我很乐意为您提供Vue使用DOM的代码示例：

首先，在Vue的template中定义DOM元素：

<template>
  <div id="app">
    <h1>{{ message }}</h1>
    <button @click="changeMessage">Click me!</button>
  </div>
</template>

然后，我们可以在Vue的script标签中使用DOM：

<script>
export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  methods: {
    changeMessage() {
      document.getElementById('app').style.color = 'red';
      document.getElementsByTagName('button')[0].disabled = true;
    }
  }
}
</script>

在上述代码示例中，我们使用了```document.getElementById```来获取app元素，并且通过修改样式的方式改变字体颜色，还用了```getElementsByTagName```来获取button元素，并且让按钮失效。当然，在使用DOM操作时，需要格外小心，因为把DOM和Vue混在一起操作可能会导致意想不到的结果。