Vue中页面挂载就执行的函数

在Vue.js中，页面挂载是指当组件实例已经创建并插入到DOM中后，会自动执行`mounted()`生命周期钩子函数。这个阶段通常是在元素已经被渲染并且所有相关的数据都已经准备就绪后发生的。在这个函数里，开发者可以执行一些初始化操作，比如数据绑定、事件监听、异步请求获取数据等，因为这时组件已经有能力访问其data属性和DOM元素。

下面是一个简单的例子：

export default {
  mounted() {
    // 页面挂载后执行的代码
    console.log('Component mounted!');
    
    // 绑定事件
    this.$el.querySelector('#myButton').addEventListener('click', this.handleButtonClick);
    
    // 异步获取数据
    axios.get('/api/data')
      .then(response => (this.myData = response.data))
      .catch(error => console.error(error));
  },
  
  methods: {
    handleButtonClick() {
      // 在这里处理按钮点击事件
    }
  }
}