Vue.js 渲染后执行 DOM 操作：在 mounted 生命周期钩子中使用

在 Vue.js 中，你可以使用 mounted 生命周期钩子函数在组件渲染完成后安全地执行 DOM 操作。在这个钩子函数中，Vue 实例已经完成了渲染并且已经插入到页面 DOM 中，因此可以安全地执行 DOM 操作。

例如，如果要使用原生 JavaScript 添加一个事件监听器，可以在 mounted 钩子函数中执行以下代码：

mounted() {
  const element = document.getElementById('my-element');
  element.addEventListener('click', this.handleClick);
},
methods: {
  handleClick() {
    console.log('Element clicked');
  }
}

在这个例子中，我们获取了一个元素（通过它的 ID），并为它添加了一个点击事件的监听器。当元素被点击时，Vue 实例会调用 handleClick 方法并输出一条日志。