vue页面加载完毕调用函数

在Vue项目中，有两种方案可以在页面加载完毕后立即触发一个函数。

第一种方案是使用created钩子函数。在methods中定义需要触发的函数，然后在created钩子函数中调用这个函数。例如：

methods: {
  indexs: function() {
    this.$http.post('{:url("Index/fun")}')
      .then(function(res) {
        this.items = res.data;
        console.log(res.data);
      })
      .catch(function(error) {
        console.log(error);
      });
  }
},
created() {
  this.indexs(); // 自动加载indexs方法
}

在created钩子函数中调用indexs函数，即可在页面渲染完成前触发该函数。

第二种方案是使用mounted钩子函数。在方法中定义需要触发的函数，然后在mounted钩子函数中调用这个函数。例如：

methods: {
  message: function() {
    // 业务逻辑
  }
},
mounted: function() {
  this.message(); // 需要触发的函数
}

在mounted钩子函数中调用message函数，即可在页面渲染完成后触发该函数。

需要注意的是，Vue方法中的箭头函数指向window，所以在实例对象中，箭头函数的父级作用域是window。另外，如果需要在Vue中传递参数给函数，可以使用Vue事件传参的方式进行。