vue mouted

Vue.js中的`mounted()`生命周期钩子函数是在组件实例已经被挂载到DOM上，并且所有的属性数据已经更新完成之后执行的。当你需要对DOM进行操作，或者初始化一些依赖DOM的资源（如事件监听、定时器等），通常会在`mounted()`钩子里编写这些代码。

举个例子：

export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  mounted() {
    // 在这里添加对DOM的操作
    document.getElementById('myDiv').innerText = this.message;
    
    // 或者初始化事件监听
    this.$refs.myInput.addEventListener('input', this.handleInputChange);
  },
  methods: {
    handleInputChange(event) {
      console.log('Input changed:', event.target.value);
    }
  }
}

在这个场景下，`mounted()`会确保元素已经插入到了DOM中并且数据已同步到视图，因此可以安全地进行后续的操作。