vue created

作者：独夜无伴发布日期:2026-07-22 浏览:90

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  created: function () {
    // 当实例创建完成后会立即调用 created 钩子函数
    console.log('实例创建完成');
    // 在这里可以进行一些初始化操作，比如获取数据等
    this.fetchData();
  },
  methods: {
    fetchData: function () {
      // 模拟数据获取
      console.log('正在获取数据...');
      // 可以在这里发起 AJAX 请求获取数据并更新到 data 中
    }
  }
});

解释说明：

created 是 Vue 实例生命周期中的一个钩子函数，在实例创建完成后（即在实例已经完成了数据观测、属性和方法的运算、watch/event 事件回调的配置之后）会立即调用。
在 created 钩子中，你可以执行一些初始化操作，比如从服务器获取数据，并将这些数据绑定到 Vue 实例的数据对象中。
this.fetchData() 是一个自定义的方法，用于模拟获取数据的操作。实际开发中，你可以使用 AJAX 或者其他方式来获取数据。

上一篇：vue style

下一篇：vue3 definecomponent