vue 页面加载时用什么方法

Vue.js中用于页面加载时的方法是created()生命周期钩子函数。该函数在Vue实例创建完成后立即被调用，此时可以进行一些数据初始化的操作。

示例代码如下：

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  },
  created: function () {
    // 在页面加载时执行的操作
    console.log('页面加载完成！');
    // 可以进行数据初始化等操作
    // 也可以发送请求获取数据等
  }
})

在示例代码中，created()函数被定义在Vue实例中，当页面加载完成后，该函数会被调用。你可以在该函数中进行一些初始化的操作，比如发送AJAX请求获取数据、进行数据处理等。

在Vue中，可以使用created生命周期钩子函数来进行页面加载时的操作。created生命周期钩子函数会在组件被创建之后立即调用，可以用来进行一些初始化的操作。

下面是在页面加载时使用created方法的一些常见场景：

1. 发送请求获取数据：在created生命周期钩子函数中，可以发送异步请求来获取页面所需的数据。例如，可以使用axios库发送请求，并将获取到的数据保存在组件的data属性中，以便渲染页面。

created() {
  axios.get('/api/data')
    .then(response => {
      this.data = response.data;
    })
    .catch(error => {
      console.error(error);
    });
}

2. 订阅事件或监听属性变化：在created生命周期钩子函数中，可以订阅全局事件或者监听组件属性的变化。这样可以在页面加载时执行相应的逻辑。

created() {
  EventBus.$on('event', () => {
    // 执行逻辑
  });

  this.$watch('propertyName', () => {
    // 执行逻辑
  });
}

3. 初始化插件或第三方库：在created生命周期钩子函数中，可以初始化使用的插件或第三方库。例如，可以在created中初始化echarts图表库。

created() {
  this.initChart();
},

methods: {
  initChart() {
    // 初始化图表
  }
}

4. 设置页面标题：在created生命周期钩子函数中，可以通过修改document.title属性来设置页面的标题。

created() {
  document.title = 'Page Title';
}

5. 其他初始化操作：在created生命周期钩子函数中，还可以进行其他需要在页面加载时执行的初始化操作。例如，可以对一些全局变量进行赋值，或者执行一些需要提前准备的逻辑。

综上所述，可以通过在created生命周期钩子函数中对数据请求、事件订阅、插件初始化等操作，来实现在Vue页面加载时执行的特定逻辑。

在Vue中，页面加载时可以使用created生命周期函数来执行相应的方法或操作。created是Vue组件的一个钩子函数，它会在组件实例被创建之后立即调用。

具体的操作流程可以按照以下步骤进行：

1. 在Vue组件中，定义created生命周期函数。

export default {
    data() {
        return {
            // 组件的数据
        }
    },
    created() {
        // 在这里编写需要在页面加载时执行的方法或操作
    },
    methods: {
        // 其他方法
    }
}

2. 在created函数内编写需要在页面加载时执行的方法或操作。可以根据具体的需求进行编写，例如发送网络请求、初始化数据、订阅事件等。

created() {
    // 发送网络请求获取数据
    axios.get('/api/data').then(response => {
        // 数据返回后的处理
        this.data = response.data;
    }).catch(error => {
        // 错误处理
    });

    // 初始化数据
    this.message = 'Hello, World!';

    // 订阅事件
    EventBus.$on('eventName', eventData => {
        // 事件处理
    });
},

3. 在created函数内通过调用组件中定义的其他方法来执行相应的操作。

created() {
    // 调用其他方法
    this.method1();
    this.method2();
},
methods: {
    method1() {
        // 方法1的操作
    },
    method2() {
        // 方法2的操作
    }
}

通过在created生命周期函数中编写所需的方法或操作，可以保证在页面加载完成后立即执行。需要注意的是，如果需要在DOM渲染完成后再执行操作，可以使用mounted生命周期函数，它会在页面上的DOM元素都被挂载后调用。